SCSS foundation · v0.116.0

Composable SCSS utilities and components

Build responsive interfaces with css-utils while keeping control of your design through CSS variables and cascade layers.

Foundation

A small foundation for complete interfaces

Use only the parts you need and combine them through a predictable class and token system.

Compose spacing, layout, color and responsive behavior with focused utility classes.

Start with reusable styles for buttons, cards, forms, navigation, feedback and more.

Adapt colors, spacing, borders and component details with global or local CSS variables.

Composition

Build useful interface patterns without writing additional component CSS.

Project ready

Ready

Combine a component base with layout, spacing and color utilities.

Quick start

Add CSS Utils from npm, then follow the setup guide to include its SCSS styles.

npm i @oardi/css-utils