Skip to content

Instantly share code, notes, and snippets.

@jacksonhardaker
Last active March 22, 2022 13:08
Show Gist options
  • Save jacksonhardaker/9c73870625ad985423365802af3bdf1a to your computer and use it in GitHub Desktop.
Save jacksonhardaker/9c73870625ad985423365802af3bdf1a to your computer and use it in GitHub Desktop.
z-index variables
const Z_INDEX_0 = 0;
const Z_INDEX_1 = 100;
const Z_INDEX_2 = 200;
const Z_INDEX_3 = 300;
const Z_INDEX_4 = 400;
const Z_INDEX_5 = 500;
const Z_INDEX_6 = 600;
const Z_INDEX_7 = 700;
const Z_INDEX_8 = 800;
const Z_INDEX_9 = 900;
const Z_INDEX_DEBUG = 9999;
export const Z_INDEX = {
behind: Z_INDEX_1 * -1,
base: Z_INDEX_0,
element: Z_INDEX_1,
dropdown: Z_INDEX_2,
sticky: Z_INDEX_3,
nav: Z_INDEX_4,
overlay: Z_INDEX_5,
modal: Z_INDEX_6,
toast: Z_INDEX_7,
tooltip: Z_INDEX_8,
notification: Z_INDEX_9,
debug: Z_INDEX_DEBUG,
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment