31:[] 2f:{"title":"Hello, Twind v1-beta!","cells":[{"id":0,"value":"# Hello, Twind v1-beta!","pinned":false,"hidden":false,"mode":"md"},{"id":510,"value":"md`\n[Twind](https://twind.dev/) is small compiler that turns [Tailwind](https://tailwindcss.com/) short hand into CSS rules at run, build or serve time. If you have used Tailwind and/or a CSS-in-JS solution before then most of the API will feel very familiar.\n\n### Usage\n\n~~~js\nimport { Twind, tw } from \"@hastebrot/hello-twind-v1-beta\"\n~~~\n\n### References\n\n- Repository: https://github.com/tw-in-js/twind/tree/next\n- \\`twind@next\\`: https://github.com/tw-in-js/twind/tree/next/packages/twind\n- \\`@twind/preset-tailwind@next\\`: https://github.com/tw-in-js/twind/tree/next/packages/preset-tailwind\n\n---\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"html`\n

\n Hello Twind!\n

\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":636,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":164,"value":"html`\n

\n \n \n

\n` ","pinned":true,"hidden":false,"mode":"ojs"},{"id":640,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":136,"value":"html`\n

Garlic bread with cheese: What the science tells us

\n For years parents have espoused the health benefits of eating garlic bread with cheese to their\n children, with the food earning such an iconic status in our culture that kids will often dress\n up as warm, cheesy loaf for Halloween.\n

\n But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases\n springing up around the country.\n

\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":682,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":669,"value":"sheetContents = {\n const options = {}\n const sheet = Twind.virtual()\n const twindSetup = (...args) => Twind.observe(Twind.twind(...args))\n setup(options, sheet, twindSetup)\n\n //const _sheet = Twind.getSheet()\n const sheetContents = Twind.stringify(sheet.target)\n return html`

${sheetContents}

`\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":122,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"tw = {\n const options = {}\n const sheet = Twind.getSheet()\n invalidation.then(() => sheet.destroy())\n return setup(options, sheet)\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":580,"value":"setup = (options = {}, sheet = undefined, twindSetup = Twind.setup) => {\n return twindSetup({\n presets: defaultPresets,\n hash: defaultCellOptions.hash,\n ...options,\n }, sheet)\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":493,"value":"defaultPresets = [\n Twind.presetAutoprefix(),\n apply(\n Twind.presetTailwind({\n disablePreflight: false,\n }),\n preset => ({\n ...preset,\n preflight: defaultCellOptions.preflight(preset.preflight),\n }),\n ),\n Twind.presetTailwindForms({\n strategy: \"class\",\n }),\n Twind.presetTypography({}),\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":391,"value":"defaultCellOptions = ({\n // Twind.setup({ hash })\n hash: true,\n\n // Twind.presetTailwind().preflight\n preflight: preflight => {\n return {\n \"[class*='#']\": {\n ...preflight.body, \n ...preflight.html, \n ...preflight[\"*,::before,::after\"],\n margin: \"0\", \n padding: \"0\",\n \"&::before,&::after\": preflight[\"*,::before,::after\"],\n },\n }\n },\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":101,"value":"Twind = ({\n ...twindCore,\n presetAutoprefix: twindPresetAutoprefix.default,\n presetTailwind: twindPresetTailwind.default,\n presetTailwindForms: twindPresetTailwindForms.default,\n presetTypography: twindPresetTypography.default,\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":595,"value":"apply = (value, block) => block(value)","pinned":false,"hidden":false,"mode":"ojs"},{"id":401,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":450,"value":"twindVersion = \"1.0.0-next.37\" // https://cdn.skypack.dev/twind@next","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"twindCore = import(`https://cdn.skypack.dev/twind@${twindVersion}`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":147,"value":"twindPresetAutoprefix = import(`https://cdn.skypack.dev/@twind/preset-autoprefix@${twindVersion}`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"twindPresetTailwind = import(`https://cdn.skypack.dev/@twind/preset-tailwind@${twindVersion}`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"twindPresetTailwindForms = import(`https://cdn.skypack.dev/@twind/preset-tailwind-forms@${twindVersion}`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":130,"value":"twindPresetTypography = import(`https://cdn.skypack.dev/@twind/preset-typography@${twindVersion}`)","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}