Skip to content

Instantly share code, notes, and snippets.

@tzafrir

tzafrir/z-index.scss

Created June 14, 2015 08:12
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save tzafrir/5a0687d331c5ef5b4508 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save tzafrir/5a0687d331c5ef5b4508 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. tzafrir created this gist Jun 14, 2015.
    19 changes: 19 additions & 0 deletions z-index.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,19 @@
    $z-elements: 'main'
    'header'
    'overlay-above-header';

    $z-layers: ();
    $z-multiplier: 10;

    @each $z-element in $z-elements {
    $z-index: $z-multiplier * index($z-elements, $z-element);
    $z-layers: map-merge($z-layers, ($z-element: $z-index));
    }

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

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