absolute utility(stylus)

_abs.styl

/*
abs

position:absoluteによる配置

.abs ... ベース <br>
.abs_mc ... marginによるcenteringの略 <br>
.abs_mc_h ... marginによるセンタリング（horizontal) <br>
.abs_mc_v ... marginによるセンタリング(vertical) <br>
.abs_tc ... translateによるcenteringの略 <br>
.abs_tc_h ... translateによるセンタリング（horizontal) <br>
.abs_tc_v ... translateによるセンタリング(vertical) <br>
.abs_tl ... top:0, left:0 <br>
.abs_tr ... top:0, right:0 <br>
.abs_bl ... bottom:0, left:0 <br>
.abs_br ... bottom:0, right:0

Styleguide 2.2.2
*/
.abs
  position absolute !important

.abs_mc
 @extend .abs
 left 0
 right 0
 top 0
 bottom 0
 margin auto
  
.abs_mc_h
 @extend .abs
 left 0
 right 0
 margin-left auto
 margin-right auto
  
.abs_mc_v
 @extend .abs
 top 0
 bottom 0
 margin-top auto
 margin-bottom auto

.abs_tc
  @extend .abs
  left 50%
  top 50%
  transform(translate(-50%, -50%))

.abs_tc_h
  @extend .abs
  left 50%
  transform(translateX(-50%))
  
.abs_tc_v
  @extend .abs
  top 50%
  transform(translateY(-50%))
  
.abs_tl
  @extend .abs
  top 0
  left 0
  
.abs_tr
  @extend .abs
  top 0
  right 0
  
.abs_bl
  @extend .abs
  bottom 0
  left 0
  
.abs_br
  @extend .abs
  bottom 0
  right 0