import { inline } from "https://deno.land/x/fresh@1.4.0/plugins/twindv1_deps.ts";
Used for static HTML processing (usually to provide SSR support for your javascript-powered web apps)
- parse the markup and process element classes with the provided Twind instance
- update the class attributes if necessary
- inject a style element with the CSS as last element into the head
- return the HTML string with the final element classes
import { inline } from '@twind/core'
function render() {
return inline(renderApp())
}
Minify CSS with @parcel/css:
import { inline } from '@twind/core'
import { transform } from '@parcel/css'
function render() {
return inline(renderApp(), { minify: (css) => transform({ filename: 'twind.css', code: Buffer.from(css), minify: true }) })
}
You can provide your own Twind instance:
import { inline } from '@twind/core'
import { tw } from './custom/twind/instance'
function render() {
return inline(renderApp(), { tw })
}
Parameters
optional
options: InlineOptions["tw"] | InlineOptionsto customize the processing