13 lines
478 B
HTML
13 lines
478 B
HTML
<link href="/tailwind.css" rel="stylesheet" />
|
|
|
|
<div class="p-10 flex gap-4">
|
|
<div class="size-30 bg-red-500"></div>
|
|
|
|
<!-- Styling based on a data attribute on the element. -->
|
|
<div class="size-30 bg-red-500 data-[theme=blue]:bg-blue-500" data-theme="blue"></div>
|
|
|
|
<!-- Styling based on a data attribute on a parent element. -->
|
|
<div class="group" data-theme="banana">
|
|
<div class="size-30 bg-red-500 group-data-[theme=banana]:bg-yellow-500"></div>
|
|
</div>
|
|
</div>
|