Boolean
$menu-disable-everything: false !default;
Boolean
$menu-disable-menu-item: false !default;
Boolean
$menu-disable-menu-item-group: false !default;
Boolean
$menu-disable-menu-item-checkbox: $disable-menu-item or
input-toggle.$disable-checkbox !default;
Boolean
$menu-disable-menu-item-radio: $disable-menu-item or input-toggle.$disable-radio !default;
Boolean
$menu-disable-menu-item-switch: $disable-menu-item or
switch.$disable-menu-item-switch !default;
Boolean
$menu-disable-elevation-colors: theme.$disable-dark-elevation !default;
Number
$menu-elevation: 8 !default;
Color
$menu-background-color: theme.theme-get-var(surface-color) !default;
Color
$menu-color: theme.theme-get-var(text-primary-color) !default;
Number
$menu-z-index: utils.$temporary-element-z-index !default;
Number
$menu-min-width: 7rem !default;
Number
$menu-spacing: spacing.get-var(md) !default;
List
$menu-variables: (background-color, color, min-width, spacing);
mixin
@mixin set-var($name, $value) { … }
mixin
@mixin use-var($property, $name: $property, $fallback: null) { … }
mixin
@mixin menu-styles { … }
mixin
@mixin menu-item-styles { … }
mixin
@mixin menu-item-group-styles { … }
mixin
@mixin menu-item-input-toggle-styles { … }
mixin
@mixin variables { … }
mixin
@mixin styles($disable-layer: false) { … }
function
@function get-var($name, $fallback: null) { … }
String
Set to true
to disable all the styles
Set to true
if the MenuItem
component won't be used for some reason.
Set to true
to if the MenuItemGroup
component will not be used.
Set to true
to disable the MenuItemCheckbox
styles.
Set to true
to disable the MenuItemRadio
styles.
Set to true
to disable the MenuItemSwitch
styles.
Set to true
to disable the dark mode elevation colors for the Menu
.
This should be a number between 0-24 representing the box-shadow elevation of the Menu
.
The default background color to apply to a Menu
.
The default text color to apply to a Menu
.
The default z-index
for a `Menu.
The min width for a Menu
.
The gap
to apply to elements within the MenuItem
.
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
Generates the Menu
component styles.
NOTE: This should only be used if not using the styles
mixin.
Generates the MenuItem
component styles.
NOTE: This should only be used if not using the styles
mixin.
Generates the MenuItemGroup
component styles.
NOTE: This should only be used if not using the styles
mixin.
Generates the MenuItemCheckbox
, MenuItemRadio
, and MenuItemSwitch
styles.
Conditionally applies the css variables based on feature flags
Generates all the styles based on feature flags.
Set this to true
to disable the layer behavior
a var()
statement
The supported variable name
An optional fallback value