@sass-collective/property

Generate CSS property with CSS custom properties option.

Usage no npm install needed!

<script type="module">
  import sassCollectiveProperty from 'https://cdn.skypack.dev/@sass-collective/property';
</script>

README

Sass Property

Version Downloads License

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.