Extract styles 4 10 / 17
Keep your "component" styles above @tailwind utilities;
. This way, utility classes can still override individual styles:
<button
class="btn btn-primary lowercase"
>Button</button>
In the example, the style .p-4
is not applied as it doesn't meet the criteria above. You can use the devtools to confirm that the value of .p-4
is being overwritten by .btn
.
Try fixing the issue.