Modules

Centered

This module helps to center an element horizontally if its maximum width is set.

Usage #

Superkube has a class for horizontal centering of the element and a class for turning off centering:

  • centered
  • uncentered
<div class="item centered">
    <div class="item-head">...</div>
    <div class="item-body">...</div>
</div>

Behavior on small screens #

To change the centering behavior on small screens, you can use centering classes with the -sm suffix.

  • centered-sm
  • uncentered-sm
<div class="item centered uncentered-sm">
    <div class="item-head">...</div>
    <div class="item-body">...</div>
</div>