Boolean$spacing-disable-everything: false !default;Set to true to disable all the spacing variables. You probably don't want to do this.
Number$spacing-none: 0 !default;No spacing. Generally applied as gap, padding, or margin.
Number$spacing-xs: 0.25rem !default;Extra Small Spacing. Generally applied as gap, padding, or margin.
Number$spacing-sm: 0.5rem !default;Small Spacing. Generally applied as gap, padding, or margin.
Number$spacing-md: 1rem !default;Medium Spacing. Generally applied as gap, padding, or margin.
Number$spacing-lg: 1.5rem !default;Large Spacing. Generally applied as gap, padding, or margin.
Number$spacing-xl: 2rem !default;Extra Large Spacing. Generally applied as gap, padding, or margin.
List$spacing-variables: (none, xs, sm, md, lg, xl);The available configurable css variables and mostly used internally for the
get-var, set-var, and use-var utils.
mixin@mixin set-var($name, $value) { … }| Name | Description | Type | Default Value |
|---|---|---|---|
$name | The supported variable name | String | — |
$value | The value to set the variable to. Supports | any | — |
mixin@mixin use-var($property, $name: $property, $fallback: null) { … }mixin@mixin variables { … }Conditionally applies the css variables based on feature flags
function@function get-var($name, $fallback: null) { … }Stringa var() statement
| Name | Description | Type | Default Value |
|---|---|---|---|
$name | The supported variable name | String | — |
$fallback | An optional fallback value | any | null |