Modules

Alignment

This module helps to control the text alignment.

Usage #

Superkube has several classes for specifying text alignment.

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

Lorem ipsum dolor sit amet...

Lorem ipsum dolor sit amet...

Lorem ipsum dolor sit amet...

<p class="a-left">...</p>
<p class="a-center">...</p>
<p class="a-right">...</p>

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

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

Responsive #

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

Lorem ipsum dolor sit amet...

<p class="a-center a-left-sm">...</p>