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>