Centering
beta

Center Elements

Note: Parent container must be set to position: relative;. Width and height must also be set.

center this using a helper class

Alternatively you can also do the following:

  .container-for-classname { position: relative; }
  .classname { @include center-y(); }
center this using a helper class

Alternatively you can also do the following:

  .container-for-classname { position: relative; }
  .classname { @include center-x(); }
center this using a helper class

Alternatively you can also do the following:

  .container-for-classname { position: relative; }
  .classname { @include center-xy(); }