Generated by SassMeister.com.

SassMeister-input.scss

@import 'base.sass/+';

$z-layers: (
  'goku': 9001,
  'shoryuken': 8000,
  'modal': (
    'base': 500,
    'close': 100,
    'header': 50,
    'footer': 10
  ),
  'default': 1,
  'below': -1,
  'bottomless-pit': -9000
);

@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...);
}

.modal {
  position: absolute;
  z-index: z(modal, base);

  .close-button {
    z-index: z(modal, close);
  }

  header {
    z-index: z(modal, header);
  }

  footer {
    z-index: z(modal, footer);
  }
}
.goku {
  z-index: z(goku);
}

SassMeister-output.css

.modal {
  position: absolute;
  z-index: 500;
}
.modal .close-button {
  z-index: 100;
}
.modal header {
  z-index: 50;
}
.modal footer {
  z-index: 10;
}

.goku {
  z-index: 9001;
}