@sass-collective/property

Introduction

Generate CSS property with CSS Custom Properties option.

Installing

npm install @sass-collective/property

Usage

@use "@sass-collective/property";
@use "@sass-collective/property/custom-properties";

:root {
    @include property.declaration(custom-properties.create(--foo, darkcyan));
    // --foo: darkcyan;
}

.foo {
    @include property.declaration(color, custom-properties.create(--foo, darkcyan));
    // color: var(--foo, darkcyan);
    
    @include property.declaration(color, custom-properties.create(--foo, custom-properties.create(--bar, darkcyan)));
    // color: var(--foo, var(--bar, darkcyan));
}

.bar {
    @include property.declaration(color, darkcyan);
    // color: darkcyan;
}

API

Sass mixins

Mixin	Description
declaration($property, $value, $important)	Declare CSS property, with optional !important.

Packages

Package	Description
@sass-collective/property/custom-properties	Declare CSS Custom Properties.