Skip Navigation

Styling (Tailwind)

Styling is done with Tailwind CSS directly in Kirby templates or snippets.

The only pre-made change to the default theme involves switching from the Mobile-first approach to a Desktop-first approach. I do think that this is still the go-to approach for most projects.

What does this mean?

  • Don’t use sm: to target all non-mobile devices
  • Use unprefixed utilities to target desktop, and override them at smaller breakpoints