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="d-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="d-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.

Migration

If using the Yumma CSS CLI, this is not a breaking change. However, if importing CSS files directly, migration is required.

Learn more in the upgrade guide.

Upgrade

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

pnpm up yummacss@latest