mirror of
https://github.com/jenil/chota.git
synced 2023-08-10 21:13:07 +03:00
28 lines
1.6 KiB
HTML
28 lines
1.6 KiB
HTML
|
<section id="utilities">
|
||
|
|
<h4>Utilities</h4>
|
||
|
|
<p>You can apply these helper classes to almost any element, in order to alter its style.</p>
|
||
|
|
<ul>
|
||
|
|
<li><code>pull-right</code> - floats an element to the right</li>
|
||
|
|
<li><code>pull-left</code> - floats an element to the left</li>
|
||
|
|
<li><code>is-text-center</code> - center aligns text</li>
|
||
|
|
<li><code>is-text-left</code> - left aligns text</li>
|
||
|
|
<li><code>is-text-right</code> - right aligns text</li>
|
||
|
|
<li><code>is-text-uppercase</code> - text to uppercase</li>
|
||
|
|
<li><code>is-text-lowercase</code> - text to lowercase</li>
|
||
|
|
<li><code>is-text-capitalize</code> - capitalizes text</li>
|
||
|
|
<li><code>is-full-screen</code> - makes the element 100% view height</li>
|
||
|
|
<li><code>is-full-width</code> - make the element 100% width</li>
|
||
|
|
<li><code>is-vertical-align</code> - vertically centers element using flex</li>
|
||
|
|
<li><code>is-horizontal-align</code> - horizontal centers element using flex</li>
|
||
|
|
<li><code>is-center</code> - centers element using flex</li>
|
||
|
|
<li><code>is-right</code> - right aligns element using flex</li>
|
||
|
|
<li><code>is-left</code> - left aligns element using flex</li>
|
||
|
|
<li><code>is-fixed</code> - fixed positioned element</li>
|
||
|
|
<li><code>is-paddingless</code> - removes any padding</li>
|
||
|
|
<li><code>is-marginless</code> - removes any margin</li>
|
||
|
|
<li><code>clearfix</code> - clears the floats</li>
|
||
|
|
<li><code>hide-phone</code> - hides the element for screens <480px</li>
|
||
|
|
<li><code>hide-tablet</code> - hides the element for screens <768px</li>
|
||
|
|
</ul>
|
||
|
|
</section>
|