Skip to content

Instantly share code, notes, and snippets.

@jonathanpath jonathanpath/_z-index.scss
Last active Jun 23, 2018

Embed
What would you like to do?
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
You can’t perform that action at this time.