@import "../../globals/scss/prefix";
@import "../../globals/scss/color";
// stylelint-disable declaration-no-important

// Common values

// Sass list not in variables since it's not intended for customization.
// stylelint-disable-next-line scss/dollar-variable-default
$positions: static, relative, absolute, fixed, sticky;

@each $position in $positions {
  .position-#{$position} { position: $position !important; }
}

// Shorthand

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: var(--nj-semantic-elevation-z-index-fixed);
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--nj-semantic-elevation-z-index-fixed);
}

.sticky-top {
  @supports (position: sticky) {
    position: sticky;
    top: 0;
    z-index: var(--nj-semantic-elevation-z-index-sticky);
  }
}