Layout

Z Index

Style syntax for set the z-order of a positioned element.

🚧This page is still under construction and some content may not be complete.

Class	Declarations
`z-index:value` `/` `z:value`	`z-index: value`

Use z-index:value to order of overlapping eleemnts. Value is an integer that can be positive, negative or zero.

<div class="z:9">1</div>
<div class="z:3">2</div>
<div class="z:1">3</div>
<div class="z:-1">4</div>
<div class="z:-9">5</div>

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="z-index:1:hover z-index:1@sm z-index:1@dark z-index:1@print">…</div>

Style syntax for setting an element is positioned in a document.

Style syntax for setting all the list style properties at once.