sass-utilities

A collection of Sass classes, functions, mixins, and other utilities.

• Documentation (via SassDoc)

Installation

NPM

npm install sass-utilities

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

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

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

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

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

CDN

This library is available on jsdelivr (below), unpkg, and other CDN services that auto-publish npm packages.

💡 Note the @ version number lock in the URLs below. This prevents breaking changes in future releases from affecting your project and is therefore the safest method of loading dependencies from a CDN. When a new major version is released, you will need to manually update your CDN URLs by changing the version number after the @ symbol.

// All utilities
@use "https://cdn.jsdelivr.net/npm/sass-utilities@1";

// All functions
@use "https://cdn.jsdelivr.net/npm/sass-utilities@1/functions";

// All mixins
@use "https://cdn.jsdelivr.net/npm/sass-utilities@1/mixins";

// Single function
@use "https://cdn.jsdelivr.net/npm/sass-utilities@1/functions/_file-name";

// Single mixin
@use "https://cdn.jsdelivr.net/npm/sass-utilities@1/mixins/_file-name";

Git

git clone https://github.com/jhildenbiddle/sass-utilities.git

Usage

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

div {
    @include su.triangle(right, 16px);
}

Contact & Support

• Create a GitHub issue for bug reports, feature requests, or questions
• Follow @jhildenbiddle for announcements
• Add a ⭐️ star on GitHub or 🐦 tweet to support the project!

License

This project is licensed under the MIT License. See the LICENSE for details.

Copyright (c) John Hildenbiddle (@jhildenbiddle)