/*
  With growing sites z-index can be a challenging experience.
  Setting up some rules for handling z-index can make things easier. 
*/

$z-layers: (
  'deep': -999999,
  // Deep z-index keeps the element to very bottom
  'default': 1,
  'masked': 100,
  'mask': 200,
  'sticky': 300,
  'header': 400,
  'growl-notification': 500,
  'dropdown': 600,
  'overlay': 700,
  'loader': 800,
  'tooltip': 900,
  'modal': 1000,
);

@function z($layer) {
  @if not map-has-key($z-layers, $layer) {
    @warn "No layer found for `#{$layer}` in $z-layers map. Property omitted.";
  }

  @return map-get($z-layers, $layer);
}