Use defineViewportClamp, the color() Helper, and Custom Modifiers Across .astro Pages and React Islands
Salty CSS Utility Helpers for Astro
Small, optional helpers that sit alongside the styling primitives. Viewport Clamp generates fluid sizes without media-query stair-steps, the Color Function chains transforms like lighten/darken/alpha/mix, and Modifiers let you register custom shorthand syntaxes via the config. Pick the one you need — none of them are required to ship Salty CSS.
In this section
- Viewport Clamp in .astro PagesGenerate fluid responsive sizes with defineViewportClamp in Salty CSS — no media-query stair-steps.
- Color Helper for .astro ComponentsChain color transforms — lighten, darken, alpha, mix — with the Salty CSS color helper.
- Custom Style Modifiers for .astroDefine custom value transformers with the modifiers config — pattern + transform function for shorthand syntaxes.