Skip to content

Instantly share code, notes, and snippets.

@jonathanpath
Last active June 23, 2018 10:51
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jonathanpath/1e9a4c5501f80ebc7e93 to your computer and use it in GitHub Desktop.
Save jonathanpath/1e9a4c5501f80ebc7e93 to your computer and use it in GitHub Desktop.
Z-index Sass scale
// ----------------------
// == Z-index scale (inspired by https://gist.github.com/fat/1f6da6b3bd0311a1f8a0)
// ----------------------
// Z-Index Scale (private vars)
// --------------------------------------------------
$zindex-1: 100;
$zindex-2: 200;
$zindex-3: 300;
$zindex-4: 400;
$zindex-5: 500;
$zindex-6: 600;
$zindex-7: 700;
$zindex-8: 800;
$zindex-9: 900;
$zindex-10: 1000;
$zindex-11: 1050;
$zindex-12: 100000000;
// Z-Index Applications
// --------------------------------------------------
$zindex-tooltip: $zindex-1;
$zindex-footer: $zindex-5;
$zindex-navbar: $zindex-6;
$zindex-header: $zindex-7;
$zindex-topmessage: $zindex-10;
$zindex-bottommessage: $zindex-10;
$zindex-modal: $zindex-11;
$zindex-admin: $zindex-12;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment