The transition time for the toggleable navigation panel to come into view or expand to full width.
$rmd-layout-enter-duration: $rmd-sheet-enter-duration !default;
The transition time for the toggleable navigation panel to leave from view or shrink to the mini width.
$rmd-layout-leave-duration: $rmd-sheet-leave-duration !default;
The box-shadow to use when the
<main> element has been keyboard focused from the
$rmd-layout-main-focus-shadow: $rmd-states-focus-shadow !default;
The z-index to use for the
<main> element when it is keyboard focused.
This z-index is just used so that it should appear over all elements.
$rmd-layout-main-focus-z-index: 999 !default;
The z-index to use for the navigation pane (
$rmd-layout-navigation-z-index: $rmd-dialog-z-index !default;
The z-index to use for the mini navigation page (
Sheet). This should be set to be lower than the
AppBar so that the navigation box shadow appears below the
AppBar's box shadow.
$rmd-layout-navigation-mini-z-index: $rmd-app-bar-z-index - 1 !default;
The width to use for the desktop navigation tree.
$rmd-layout-navigation-width: $rmd-sheet-static-width !default;
The width to use for the mini navigation tree.
$rmd-layout-mini-navigation-width: 3.5rem !default;
A map of all the themeable parts of the layout package.
$rmd-layout-theme-values: ( nav-width: $rmd-layout-navigation-width, mini-nav-width: $rmd-layout-mini-navigation-width, ) !default;
Creates the styles for one of the layout's theme values. This is mostly going to be an internal helper mixin util.
The property to set a
One of the keys of
A fallback value to use if the css variable isn't set somehow. This will default to automatically retrieving the default value from the
Updates one of the layout's theme variables with the new value for the section of your app.
The layout theme style type to update. This should be one of the
The new value to use.
Creates all the styles for the layout package.
This function is used to quickly get one of the layout's theme values. This is really just for the
rmd-layout-theme mixin to provide some validation that a correct style key is used, but might be useful in other cases.
one of the layout's theme values.
One of the
This function is used to get one of the layout's theme variables as a CSS Variable to be applied as a style attribute. By default, the CSS Variable will have a fallback of the current
This function is used to create a CSS Variable declaration with an optional fallback value if the CSS Variable has not been declared somehow.
one of the link's theme values as a css variable.
One of the
An optional fallback color to apply. This is set to