Boolean
$form-disable-everything: false !default;
Boolean
$form-disable-filled-theme: $form-disable-everything !default;
Boolean
$form-disable-outlined-theme: $form-disable-everything !default;
Boolean
$form-disable-underlined-theme: $form-disable-everything !default;
Color
$form-focus-color: interaction.$focus-color !default;
Color
$form-active-color: theme.theme-get-var(primary-color) !default;
List
$form-variables: (active-color, focus-color);
mixin
@mixin form-set-var($name, $value) { … }
mixin
@mixin form-use-var($property, $name: $property, $fallback: null) { … }
function
@function form-get-var($name, $fallback: null) { … }
String
Set to true
to disable all form styles.
Set to true
if the theme="filled"
will not be used in the app.
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.
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.
The color to use while the form elements are focused. This would apply to things like the border-color/box-shadow and text color.
The color to apply to form elements while they are active/checked.
The available configurable css variables and mostly used internally for the
get-var
, set-var
, and use-var
utils.
The supported variable name
The value to set the variable to. Supports null
which will just be a no-op.
The css property to apply the variable to
The supported variable name
An optional fallback value if the variable has not been set
a var()
statement
The supported variable name
An optional fallback value