Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

sass-utilities

jhildenbiddle101MIT1.0.0

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

mixin, mixins, function, functions, helper, helpers, sass, scss, util, utils, utilities

readme

sass-utilities

NPM License: MIT

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

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

License

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

Copyright (c) John Hildenbiddle (@jhildenbiddle)

changelog

Change Log

1.0.0

2022-07-27

  • Migrated to Dart Sass

0.0.2

2018-02-09

  • Added CDN information to README

0.0.1

2018-02-09

  • Initial release