Layouts

Z-Index

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

Variant

Active Checked Child-Selection Dark Mode Disabled Expand First-Last-Selection First-Letter Focus Focus-Visible Focus-Within Fullscreen Group-Focus Group-Hover Hover Landscape Light Mode Portrait Reduce-Motion Responsive Selection-Hover Visited

API

class	css
stack-auto	z-index: auto
stack-0	z-index: 0
stack-1	z-index: 10
stack-2	z-index: 20
stack-3	z-index: 30
stack-4	z-index: 40
stack-5	z-index: 50

Usage

stack-1

stack-2

stack-3

stack-4

stack-5

<div class="stack-1">
...
</div>

HTML

.dummy {
  @extend
    .stack-1;
}

SCSS