Skip to content

fylgja/fylgja-sass

Repository files navigation

Fylgja - Sass Extend

NPM version GitHub Workflow Status License

Add more super powers to your Sass project.

This repo will add more functions and adds options not found in the core sass project.

Installation

npm install @fylgja/sass

How to use

Since this is a Sass function library it require only usages where it is needed.

So if you need to string replace something.

Then include the specific sass typed function via;

@use "@fylgja/sass/string" as str;

.str-replace {
    content: str.replace("Hello World", "World", "🌍");
}

We advice to use the library with a prefixed @use. Similar to an @use "sass:string".

This package offers the following functions.

Function Name Type Description
luminance color Calculate the luminance for a color
contrast-ratio color Calculate the contrast ratio between two colors
contrast color Sets an dark or light color based on the contrast
gray color Get a specific gray based an a given precentage
nth-side list Extract value based on shorthand sizing property
negative map Converters a map with units to a negative units
strip-unit math Removes the unit (e.g. px, em, rem) from a value
replace string Replace part of a string with new value
url-encode string Encode Unsafe urls to safe urls
svg-url string Use SVG anywhere as dataUri (inline background)