Text Utilities

Text Utilities are used to control alignments with different sizes and also to center text.

Heading
All HTML headings, <h1> through <h6>, are available.

H-1 Heading 1

H-2 Heading 2

H-3 Heading 3

H-4 Heading 4

H-5 Heading 5
H-6 Heading 6
                    
<h1>H-1 Heading 1</h1>
<h2>H-2 Heading 2</h2>
<h3>H-3 Heading 3</h3>
<h4>H-4 Heading 4</h4>
<h5>H-5 Heading 5</h5>
<h6>H-6 Heading 6</h6>
Alignment
Use classes .text__left , .text__center or .text__right to center, left or right align text.
Left Align
Center Align
Right Align 
                    
<h6 class="text__left">Left Align </h6>
<h6 class="text__center">Center Align </h6>
<h6 class="text__right">Right Align </h6>
font-size
Use classes .fs__1, .fs__2, .fs__3 , .fs__4, .fs__5 or .fs__6 to change the font-size of text.

font-size 6

font-size 5

font-size 4

font-size 3

font-size 2

font-size 1

                    
<p class="fs__6">font-size 6</p>
<p class="fs__5">font-size 5</p>
<p class="fs__4">font-size 4</p>
<p class="fs__3">font-size 3</p>
<p class="fs__2">font-size 2</p>
<p class="fs__1">font-size 1</p>
Font Weight
Use classes .fw__100, .fw__300, .fw__400 , .fw__700 or .fw__900 to change the font-weight of text ranging from 100 to 900.
Font weight 900
Font weight 700
Font weight 400
Font weight 300
Font weight 100
                    
<h5 class="fw__900">Font weight 900</h5>
<h5 class="fw__700">Font weight 700</h5>
<h5 class="fw__400">Font weight 400</h5>
<h5 class="fw__300">Font weight 300</h5>
<h5 class="fw__100">Font weight 100</h5>
Grey text
Use classes .text__grey to change the color of text to grey.
small text grey

Text Grey

strong grey

heading grey

                    
<small class="text__grey">small text grey</small>
<p class="text__grey">Text Grey</p>
<strong>strong grey</strong>
<h3 class="text__grey">heading grey</h3>
Paragraph

Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae suscipit assumenda aliquam quod eius adipisci laborum! Esse similique nam, nostrum provident necessitatibus aliquam, itaque sint vero reprehenderit adipisci ex tempora.

                    
    <p>Paragraph Text</p>