Z-index

The Tangram z-index map sets SCSS variables to predefined values. Making it easier to see the stacking context across an application, Combine z-index with the layers directive to create interactive layers in the Trade Me layer system.

To make it easier to manage the z-index across your application, consider setting z-index variables in a central file.

Tangram z-index variables are set from 1000 to 10,000 to give greater flexibility.

$tg-z-index-1 z-index of 1000

$tg-z-index-2 z-index of 2000

$tg-z-index-3 z-index of 3000

$tg-z-index-4 z-index of 4000

$tg-z-index-5 z-index of 5000

$tg-z-index-6 z-index of 6000

$tg-z-index-7 z-index of 7000

$tg-z-index-8 z-index of 8000

$tg-z-index-9 z-index of 9000

$tg-z-index-10 z-index of 10000

Used to set z-index on an element in relation to other elements.

$tg-z-index-below z-index of -1

$tg-z-index-default z-index of 0

$tg-z-index-above z-index of 1

Example