In tailwind, ul
and ol
lists are unstyled by default due to preflight. I need lists to work as they normally do before preflight strips it to nothing. Specifically, I need bullets to appear and nested bullets to appear and be indented. Putting the following code in application.tailwind.css
doesn't work (nested lists don't appear as they should):
@layer base {
ul, ol {
list-style: revert;
}
}
Expected:
Current:
is there any way to make lists appear normal?
Adding revert
to margin
and padding
makes lists behave as they did prior to tailwind preflight.
In application.tailwind.css
@layer base {
ul, ol {
list-style: revert;
margin: revert;
padding: revert;
}
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With