Easily style your HTML elements with convenience classes, built on TailwindCSS.
- your class lists are easier to read
- save time, by typing less classes
- conserve mental energy - because we provide various sizing standards, and options for a11y compatible text colors on buttons, switches and checkboxes
- cross-browser consistency - we ensure features like 'focus' look the same
For example, with TwelveCSS, you can do this:
<button class="button-md button-blue-600">Hello World!</button>
Instead of Tailwind utility classes (we still love you Tailwind):
<button class="py-2 px-5 bg-blue-600 text-white focus:ring-2">Hello World!</button>
For full documentation, go to twelvecss