A small improvement to my blog today. I was checking out my now post and noticed that lists have left padding but no discs or numbers. I popped open my tailwind/app.css added these lines and rebuilt.


#post-body li {
  @apply list-disc;
}
#post-body ol {
  @apply list-decimal;
}

And rebuild, which I actually do with casey-just, but showing the command here for clarity.


npx tailwindcss --input tailwind/app.css --output static/app-39.css

WHY the applies #

Dude, you know that @apply is an anti-pattern in tailwind right?

Ya

WTF are you doing? this is all wrong.

I use @apply in my blog because the html is generated by a markdown library, and changing the html at this low level would be quite difficult, this is easy.

Before #

image

After #

image