Yumma CSS 3.15

Container Queries

Container Queries allow you to style elements based on the size of their parent container.

<div class="w-half @sm:w-full">
  Responsive based on container size!
</div>

Standalone Scale

Following our transition to standalone properties for rotate, we've now refactored scale to use the standalone property.

Refreshed Box Shadows

We've completely overhauled our box shadow system. Shadows are now split into Outset & Inset categories with refined values from xs to 3xl.

<!-- Outset Shadow -->
<div class="bs-o-md ...">...</div>

<!-- Inset Shadow -->
<div class="bs-i-sm ...">...</div>

New Utilities

3.15 adds several new layout & interactivity utilities:

• Overscroll Behavior
• Mix Blend Mode
• Empty Cells
• Word Break
• Backdrop Grayscale

Upgrade

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

pnpm add yummacss@latest