Yumma CSS 1.0
After a few months of development, we're ready to release the first major version. In this release, we're focusing on implementing a few utilities and, more importantly, on improving the overall experience of using Yumma CSS.
All-New Utilities
Added new utilities to expand CSS property coverage.
Align Items
| Utility | Property |
|---|---|
ai-fs | align-items: flex-start; |
ai-fe | align-items: flex-end; |
jc-e | justify-content: end; |
jc-fs | justify-content: flex-start; |
jc-fe | justify-content: flex-end; |
jc-l | justify-content: left; |
jc-r | justify-content: right; |
jc-n | justify-content: normal; |
jc-s | justify-content: stretch; |
Display
| Utility | Property |
|---|---|
d-fr | display: flow-root; |
Float
| Utility | Property |
|---|---|
f-is | float: inline-start; |
f-ie | float: inline-end; |
Text Align
| Utility | Property |
|---|---|
ta-ja | text-align: justify-all; |
ta-mp | text-align: match-parent; |
tdl-o | text-decoration-line: overline; |
Viewport Expansion
Added viewport support for height & width utilities.
<div class="w-10 h-10 ... md:w-auto md:h-auto">...</div>New Lead Color Palette
Introduced the lead color variant for single-theme applications.
| Color | Value |
|---|---|
Lead | #3f3f4e |
Syntax Changes
Refined utility syntax for improved consistency.
<div class="dis-*"></div><div class="d-*"></div>Relocated hover state prefixes to the start of utilities for better readability.
<div class="bg-h-blue"></div><div class="h:bg-blue"></div>Upgrade
Check the Upgrading Guide for a full list of utility renames & removals.
pnpm up yummacss@latest