Boolean$form-disable-everything: false !default;Set to true to disable all form styles.
Boolean$form-disable-filled-theme: $form-disable-everything !default;Set to true if the theme="filled" will not be used in the app.
Boolean$form-disable-outlined-theme: $form-disable-everything !default;Set to true if the theme="outline" will not be used in the app.
NOTE: This would require updating the FORM_CONFIG.theme value since this is the default theme.
Boolean$form-disable-underlined-theme: $form-disable-everything !default;Set to true if the theme="underline" will not be used in the app.
NOTE: If the $form-theme is set to filled, this will always be true
since it they depend on the same styles.
Color $form-focus-color: interaction.$focus-color !default;The color to use while the form elements are focused. This would apply to things like the border-color/box-shadow and text color.
Color$form-active-color: theme.theme-get-var(primary-color) !default;The color to apply to form elements while they are active/checked.
List$form-variables: (active-color, focus-color);The available configurable css variables and mostly used internally for the
get-var, set-var, and use-var utils.
mixin@mixin form-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 form-use-var($property, $name: $property, $fallback: null) { … }function@function form-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 |