CSS / LESS alignment mixin

alignment.less

#align {
  .horizontal(@el-width) {
    left: 50%;
    right: initial;
    margin-left: -(@el-width/2);
  }
  .vertical(@el-height) {
    top: 50%;
    bottom: initial;
    margin-top: -(@el-height/2);
  }
  .center (@el-width, @el-height) {
    .horizontal(@el-width);
    .vertical(@el-height);
  }
}


// usage
.foo {
  position: absolute;
  #align > .center(36px, 24px);
}