CSS

@unsass/css is a set of Sass mixins for emitting CSS declarations and selectors consistently — with built-in support for defining and consuming CSS custom properties.

Repository: github.com/unsass/css

Install

npm

npm install @unsass/css

yarn

yarn add @unsass/css

pnpm

pnpm add @unsass/css

Basic usage

SCSS

@use "@unsass/css";

.foo {
    @include css.declaration(color, darkcyan);
}

CSS

.foo {
    color: darkcyan;
}

Next steps

• Configuration — work with CSS custom properties.
• Mixins — the declaration() and selector() mixins in detail.
• Best Practices — when to reach for each mixin.