$position: (
  absolute,
  relative,
  fixed,
  sticky
);

@for $i from 1 through length($position) {
  $item: nth($position, $i);
  .#{$item} {
    position: $item
  }
}

.absolute-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.absolute-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0
}

.absolute-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

.absolute-left {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0
}

.absolute-full {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0
}

.fixed-right {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0
}

.fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0
}

.fixed-left {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0
}

// sticky
.sticky-left {
  position: sticky;
  left: 0
}

.sticky-right {
  position: sticky;
  right: 0
}

.full-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.float-left {
  float: left
}