Sasses

  

Sass modules provide more advanced functions.

• sasses/break: Provides mixins, functions, and variables for working with breakpoints and aids in responsive development in Sass.
• sasses/checker: Provides functions that operate on advanced checker.
• sasses/color: Generates new colors based on existing ones, making it easy to build color themes.
• sasses/exception: Provides functions to standardize exception messages and assist with common validation for Sass.
• sasses/list: Lets you access and modify values in lists.
• sasses/map: Makes it possible to look up the value associated with a key in advanced map.
• sasses/math: Provides functions that operate on advanced numbers.
• sasses/meta: Exposes the advanced details of Sass’s inner workings.
• sasses/selector: Provides access to Sass’s powerful selector engine.
• sasses/string: Provides more advanced string functions for Sass.
• sasses/url: Provides more advanced a data URL.

Install

NPM Package:

npm install sasses

How To Use

Use the package like any other Sass module:

// General
@use 'sasses'

// Specific
@use 'sasses/break'
@use 'sasses/checker'
@use 'sasses/color'
@use 'sasses/exception'
@use 'sasses/list'
@use 'sasses/map'
@use 'sasses/math'
@use 'sasses/meta'
@use 'sasses/selector'
@use 'sasses/string'
@use 'sasses/url'

Depending on your setup, you may need to configure node_modules as include path:

const sass = require("sass");

sass.render({
  file: scss_filename,
  includePaths: ["node_modules"],
});

Docs

Explore further on the wiki^↗ page that we have provided.