z-index

Settings for sane z-index management across the project and estate.

Dependencies

🔗

Without management, z-index values across an estate like Sky's can get messy real fast; leading to dreaded z-index: 999999999999; hotfixes.

Keeping our values in a map helps to keep things consistent and easier to maintain:

Map Source
$z-index sky-toolkit-core/settings/z-index

Tools

z-index values from our map can be accessed via the z-index() function from sky-toolkit-core/tools/functions.

// To output the color of a desired `key`.

.foo {
  color: z-index(key);
}