Configuration

All tokens in Sprout can be customized with the spr-config mixin. If using this mixin, you must call it before importing the rest of Sprout.

@mixin spr-config()

Override Sprout tokens with custom defaults. Global token maps will be updated by recursively merging the maps provided.

Parameters

$color-theme-override: () (map)

Partial map of all color tokens.

$layout-override: () (map)

Partial map of all layout tokens.

$typography-override: () (map)

Partial map of all typography tokens.

$visual-form-override: () (map)

Partial map of all visual form token.

$motion-override: () (map)

Partial map of all motion tokens.

Requires

@mixin spr-config-color-theme()

@mixin spr-config-layout()

@mixin spr-config-typography()

@mixin spr-config-visual-form()

@mixin spr-config-motion()

$spr-tokens (map)

scss

$spr-tokens: (
  color-theme: $spr-tokens-color-theme,
  layout: $spr-tokens-layout,
  typography: $spr-tokens-typography,
  visual-form: $spr-tokens-visual-form,
  motion: $spr-tokens-motion,
  iconography: $spr-tokens-icons
);

A map containing all tokens in Sprout.