Overview

Module @angular-package/sass/var is designed to handle CSS variables with the use of space-separated words separated by delimiter that can be translated by the dictionary.

There are available following functions.

Functions

var.adjust()

The function var.adjust() returns CSS variable $var adjusted by $adjust if not null, otherwise $var.

var.css()

The var.css() function returns the CSS variable of $name, $fallback value, $delimiter, $prefix, $suffix translated with $dictionary.

var.get()

The var.get() function returns CSS variable built from $name, $delimiter, $prefix, and $suffix.

var.is()

The var.is() function checks whether the given value is CSS variable var().

var.name()

The var.name() function returns custom property CSS variable.

var.negative()

The function var.negative() returns CSS calc() function with the given $var multiplied by -1.

var.unit()

The var.unit() function returns $var multiplied by $unit.

Mixins

var.set()

The var.set() mixin defines the CSS variables based on the given $property.