Gå til hovedinnhold
Entur logo – designsystemets starside
TOKENS

Z-index

Z-index kontrollerer rekkefølgen der elementer overlapper hverandre, elementer med høyere z-indeks verdier blir plassert foran elementer med lavere z-indeks verdier.

Z-index bør brukes med omhu. Overforbruk av z-indexverdier kan føre til uforutsigbar adferd og vanskeligheter med vedlikehold. For å gjøre verdiene mer lesbare er det lurt å bruke tokens med forståelige navn, som våre tokens.

@use '@entur/tokens/dist/styles.scss';

.card {
    z-index: $z-indexes-behind;
}

Z-indexer

NavnVerdi
-1
0
10
20
30
40
50
Rediger denne siden på GitHub