Sassmap - Layers

_layers.scss

/* Set x-index key value pairs */

$layers: (
  modal: 8,
  logo: 7,
  header: 6,
  footer: 5,
  sidebar: 4,
  caption: 3,
  image: 2,
  text: 1
);

/* Accccess this map with a mixin */

@mixin layer($layer-name) {
  z-index: map-get($layers, $layer-name);
};

/* Use the mixin */

header {
  @include layer('header');
}