Skip to main content

z

Return z-index value for a specified scope.

ParameterTypeDescription
$keystringThe name of the z-index to use

Example

assets/styles/config/z-index/_index.scss
$modal: 100;
$mask: 90;
$navFixed: 80;
$tooltip: 70;
$popover: 60;
$dropdown: 50;
$nav: 50;
$contentTop: 40;
$content: 30;
$contentBottom: 20;
Components/ExampleComponent/_style.scss
.m-example-component {
z-index: z(nav);
}
dist/frontend.css
.m-example-component {
z-index: 50;
}