My Style

Helpers

The follwoing classes are helper classes

Center content

You can use the following class to center the content within an element

Sample text

<div class="centered">Sample text</div>

Colors

Classes for each of the themes accent color

This text is in primary color This text is in secondary color This text is in tertiary color

<span class="primary"> This text is in primary color</span>
<span class="secondary"> This text is in secondary color</span>
<span class="tertiary"> This text is in tertiary color</span>

Background colors

Classes for each of the themes accent color as background color

This background is primary colorThis background is secondary colorThis background is tertiary color

<span class="background-primary"> This background is primary color </span>
<span class="background-secondary">
  This background is secondary color
</span>
<span class="background-tertiary"> This background is tertiary color
 </span>

Floats

Classes to easily position elements to left or right

Text on Left side

 <span class="float-left">Text on Left side</span>

Text on Right side

<span class="float-right">Text on Right side</span>