Skip to content

Instantly share code, notes, and snippets.

@mattanddesign

mattanddesign/zIndex-scale.scss

Created October 13, 2016 21:52
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mattanddesign/2fc68772ea24e9a9e89265568bb9c9da to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mattanddesign/2fc68772ea24e9a9e89265568bb9c9da to your computer and use it in GitHub Desktop.
Download ZIP
A maintainable z-index scale
Raw
zIndex-scale.scss
// 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;
// Negative Values
$zIndex-neg-1: -100;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment