Yumma CSS 3.1

New Pseudo Class Variants

Yumma CSS v3.1.0 adds support for focus & active pseudo-class variants compatible with all base utilities.

Focus Variants

Apply styles to elements that receive focus using the f: prefix, improving form & button accessibility.

<button
  class="w-14 h-14 px-4 py-2 bg-indigo h:bg-indigo-7 f:oc-indigo-5 f:oo-2 f:os-s f:ow-2"
></button>

Active Variants

The a: prefix styles elements during interaction, perfect for button feedback & touch interactions.

<div class="w-14 h-14 px-4 py-2 bg-indigo a:bg-indigo-9"></div>

Legacy CSS

Legacy yumma.css & yumma.min.css files are removed from the distribution directory for performance & optimization.

Upgrade

Check the Upgrading Guide for a full list of utility renames & removals.

pnpm up yummacss@latest