mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
16 lines
417 B
HTML
16 lines
417 B
HTML
<!-- Basic HTML -->
|
|
<div class="bg-red-500 md:bg-blue-300 w-1/2"></div>
|
|
|
|
<!-- Vue dynamic classes -->
|
|
<span :class="{ block: enabled, 'md:flow-root': !enabled }"></span>
|
|
|
|
<!-- JSX with template strings -->
|
|
<script>
|
|
function Component() {
|
|
return <div class={`h-screen`}></div>
|
|
}
|
|
</script>
|
|
|
|
<!-- Custom classes with really weird characters -->
|
|
<div class="min-h-(screen-4) bg-black! font-%#$@ w-(1/2+8)"></div>
|