/*
 * position
 */

.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}

/*
 * top, right, bottom, left
 */
.for(@nums-1-100, {
  .t@{value} { top: @value * 1px !important; }
  .r@{value} { right: @value * 1px !important; }
  .b@{value} { bottom: @value * 1px !important; }
  .l@{value} { left: @value * 1px !important; }
});
// negative
.for(@nums-1-32, {
  .tn@{value} { top: @value * -1px !important; }
  .rn@{value} { right: @value * -1px !important; }
  .bn@{value} { bottom: @value * -1px !important; }
  .ln@{value} { left: @value * -1px !important; }
});
// all
.for(@nums-1-32, {
  .trbl@{value} {
    top: @value * 1px !important;
    right: @value * 1px !important;
    bottom: @value * 1px !important;
    left: @value * 1px !important;
  }
});

.for(@nums, {
  .z@{value} { z-index: @value; }
});

.for(@nums, {
  .zn@{value} { z-index: @value * -1; }
});