Blog/January 24, 2024

Yumma CSS 1.1

This update isn't going to introduce any major new features. It's more about syntax changes. Anyway, here it is - Yumma CSS v1.1.0

Button Transition

Refreshed the btn-* component with transitions for a more polished feel.

Added the fs-xs utility for smaller typography controls.

Utility	Property
`fs-xs`	`font-size: 0.6rem;`

Introduced the dim-* utility to replace height & width utilities for more concise layouts.

<div class="w-12 h-12"></div>
<div class="dim-12"></div>

Renamed the xsm & xlg breakpoints to xs & xl for consistency.

"xsm": 0,
"xlg": 1200px
"xs": 0,
"xl": 1200px

Refined utility syntax & introduced minor increments across several utilities.

<div class="bs-xsm"></div>
<div class="bs-xlg"></div>
<div class="bs-xs"></div>
<div class="bs-xl"></div>

<div class="fs-xlg"></div>
<div class="fs-xl"></div>

<div class="col-2"></div>
<div class="cols-2"></div>

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

pnpm up yummacss@latest