sass-utilities

• Documentation (via SassDoc)

Installation

NPM

npm install alr-sass-utilities

// All utilities
@use "alr-sass-utilities";

// All functions
@use "alr-sass-utilities/functions";

// All mixins
@use "alr-sass-utilities/mixins";

// Single function
@use "alr-sass-utilities/functions/_file-name";

// Single mixin
@use "alr-sass-utilities/mixins/_file-name";

Git

git clone https://github.com/eab-agency/alr-sass-utilities.git

Usage

// All utilities (installed via npm) 
@use "alr-sass-utilities" as su;

div {
    @include su.button-color(green, black, yellow, black);
}


// You can access variables, functions, and mixins from another module 
// by writing <namespace>.<variable>, <namespace>.<function>(), or 
// @include <namespace>.<mixin>(). By default, the namespace is just 
// the last component of the module’s URL. 

@use "alr-sass-utilities/mixins";

div {
    @include mixins.button-color(green, black, yellow, black);
}