@use "sass:map";
@use "./config";

@mixin layout-base {
  position: relative;
}

@mixin control {
  &::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@mixin override {
  position: relative;
  z-index: 2;
}

@mixin indicator($bg-color: "default", $config: config.$indicator-colors) {
  color: map.get($config, $bg-color);
}

@mixin border {
  outline: 2px solid var(--color-border-accent);
  outline-offset: -2px;
}