Layouts

Z-Index

Utilities for sets the z order (stack order) of a positioned element.


Class

classcss
z-0z-index: 0
z-10z-index: 10
z-20z-index: 20
z-30z-index: 30
z-40z-index: 40
z-50z-index: 50
z-autoz-index: auto

Usage

z-10z-20z-30z-40z-50
<!-- Example -->
<y class="z-10">
...
</y>

Customize More

// @file: `src/_plugins.scss`
@include plugin(
(
utility: 'z-60',
//variant: 'responsive',
property: 'z-index',
modifier: (
'60': '...',
'70': '...'
...
)
)
)

Variant

VariantEnabledResponsive
DefaultYesYes
Dark Theme
hoverYes
group-hover
focus
focus-withinYes
active
visited
checked
disabled