<html>
<head>
<title>My Page</title>
</head>
<body id="tailwind">
<main>
<div class="bg-red-500 md:bg-blue-300 w-1/2"></div>
</main>
</body>
</html>
<span :class="{ block: enabled, 'md:flow-root': !enabled }"></span>
<script>
function Component() {
return <div class={`h-screen`}></div>
}
</script>
<div class="min-h-(screen-4) bg-black! font-%#$@ w-(1/2+8)"></div>
span.inline-grid.grid-cols-3(class="px-1.5")
.col-span-2
Hello
.col-span-1.text-center
World!
.flow-root
.text-green-700.bg-green-100
.text-left= content
%samp.font-mono{:data-foo => "bar"}= output
.col-span-4[aria-hidden=true]
.tracking-tight#headline
{
"helloThere": "Hello there, <span class=\"whitespace-nowrap\">Mr. Jones</span>"
}