Modules

Alignment

The Alignment module contains modifiers for setting left, right, and center text alignment.

Usage #

Superkube has several classes for specifying text alignment within an element.

  • a-left
  • a-center
  • a-right

The alignment classes can be mixed for other modules or for blocks inside them.

<div class="item a-center">
    <div class="item-head">...</div>
    <div class="item-body">...</div>
</div>

Behavior on small screens #

To change the behavior on small screens, just add the suffix -sm.

  • a-left-sm
  • a-center-sm
  • a-right-sm
<div class="item a-center a-left-sm">
    <div class="item-head">...</div>
    <div class="item-body">...</div>
</div>