Boolean$overlay-disable-everything: false !default;Set to true to disable all the styles.
Color$overlay-background-color: rgba(colors.$black, 0.4) !default;The default Overlay background color.
Number$overlay-z-index: utils.$temporary-element-z-index !default;The default Overlay z-index.
Number$overlay-transition-duration: transition.$linear-duration !default;The default Overlay enter/exit transition duration
Number$overlay-transition-timing-function: transition.$linear-timing-function !default;The default Overlay enter/exit transition timing function
List$overlay-variables: (background-color, z-index);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
mixin@mixin styles($disable-layer: false) { … }Generates all the styles based on feature flags.
| Name | Description | Type | Default Value |
|---|---|---|---|
$disable-layer | Set this to | Boolean | false |
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 |