Mixin for positioning API.

_positions.scss

@mixin position($type, $top: null, $right: null, $bottom: null, $left: null, $z-index: null) {
  position: $type;
  top: $top;
  right: $right;
  bottom: $bottom;
  left: $left;
  z-index: $z-index;
}

@mixin fixed($args...) {
  @include position(fixed, $args...);
}

@mixin absolute($args...) {
  @include position(absolute, $args...);
}

@mixin relative($args...) {
  @include position(relative, $args...);
}

@mixin static() {
  @include position(static, null, null, null, null, null);
}


//== Usage
.hoge {
  @include absolute(null, null, 50px, 10px, 100);
}
// .hoge {
//   position: absolute;
//   bottom: 50px;
//   left: 10px;
//   z-index: 100;
// }