Variables

The library includes some variables used in functions and mixins. They are also publicly available and can be useful in some cases.

$font-styles

The list of available values of the font-style property.

Type: list

$font-styles: (
  'normal',
  'italic',
);

$font-weights

The list of available values of the font-weight property.

Type: list

$font-weights: (
  '100',
  '200',
  '300',
  '400',
  '500',
  '600',
  '700',
  '800',
  '900',
  'bold',
  'bolder',
  'lighter',
  'normal',
  'inherit',
  'initial',
);

$pseudo-elements

The list of CSS pseudo-elements.

Type: list

$pseudo-elements: (
  '::before',
  ':before',
  '::after',
  ':after',
  '::backdrop',
  '::cue',
  '::cue-region',
  '::first-letter',
  ':first-letter',
  '::first-line',
  ':first-line',
  '::file-selector-button',
  '::grammar-error',
  '::marker',
  '::placeholder',
  '::selection',
  '::spelling-error',
  '::target-text',
);

$units

The map-object of CSS units. Keys are the units names (type string) and values are the base numeric value of this units (type number).

Type: map

$units: (
  '%': 1%,
  'cqmin': 1cqmin,
  'cqmax': 1cqmax,
  'cqw': 1cqw,
  'cqh': 1cqh,
  'cqi': 1cqi,
  'cqb': 1cqb,
  'svmin': 1svmin,
  'svmax': 1svmax,
  'lvmin': 1lvmin,
  'lvmax': 1lvmax,
  'dvmin': 1dvmin,
  'dvmax': 1dvmax,
  'svw': 1svw,
  'svh': 1svh,
  'svi': 1svi,
  'svb': 1svb,
  'lvw': 1lvw,
  'lvh': 1lvh,
  'lvi': 1lvi,
  'lvb': 1lvb,
  'dvw': 1dvw,
  'dvh': 1dvh,
  'dvi': 1dvi,
  'dvb': 1dvb,
  'vmin': 1vmin,
  'vmax': 1vmax,
  'vw': 1vw,
  'vh': 1vh,
  'vi': 1vi,
  'vb': 1vb,
  'dpcm': 1dpcm,
  'dppx': 1dppx,
  'dpi': 1dpi,
  'px': 1px,
  'q': 1q,
  'pt': 1pt,
  'cm': 1cm,
  'mm': 1mm,
  'in': 1in,
  'pc': 1pc,
  'rem': 1rem,
  'rlh': 1rlh,
  'em': 1em,
  'lh': 1lh,
  'cap': 1cap,
  'ch': 1ch,
  'ic': 1ic,
  'ex': 1ex,
  'fr': 1fr,
  'ms': 1ms,
  's': 1s,
  'deg': 1deg,
  'grad': 1grad,
  'rad': 1rad,
  'turn': 1turn,
);
Copyright © 2026