@import 'variables';

@mixin telia-layer-below($layer) {
  @if ($layer == 'auto') {
    $layer: 0;
  }
  z-index: $layer - 1;
}

@mixin telia-layer-above($layer) {
  @if ($layer == 'auto') {
    $layer: 0;
  }
  z-index: $layer + 1;
}

@mixin telia-layer-base() {
  z-index: $layer-base;
}

@mixin telia-layer-dropdown() {
  z-index: $layer-dropdown;
}

@mixin telia-layer-header() {
  z-index: $layer-header;
}

@mixin telia-layer-modal() {
  z-index: $layer-modal;
}
