Boolean$border-radius-disable-everything: false !default;Set to true to disable the border radius variables. You probably don't want to do this.
Number$border-radius-none: 0 !default;No Border Radius.
Number$border-radius-xs: 0.25rem !default;Extra Small Border Radius.
Number$border-radius-sm: 0.5rem !default;Small Border Radius.
Number$border-radius-md: 0.75rem !default;Medium Border Radius.
Number$border-radius-lg: 1rem !default;Large Border Radius.
Number$border-radius-xl: 1.75rem !default;Extra Large Border Radius.
Number$border-radius-full: 50% !default;Full Border Radius.
List$border-radius-variables: (none, xs, sm, md, lg, xl, full);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 |