Utilities

You can apply these helper classes to almost any element, in order to alter its style.

• pull-right - floats an element to the right
• pull-left - floats an element to the left
• is-text-center - center aligns text
• is-text-left - left aligns text
• is-text-right - right aligns text
• is-text-uppercase - text to uppercase
• is-text-lowercase - text to lowercase
• is-text-capitalize - capitalizes text
• is-full-screen - makes the element 100% view height
• is-full-width - make the element 100% width
• is-vertical-align - vertically centers element using flex
• is-horizontal-align - horizontal centers element using flex
• is-center - centers element using flex
• is-right - right aligns element using flex
• is-left - left aligns element using flex
• is-fixed - fixed positioned element
• is-paddingless - removes any padding
• is-marginless - removes any margin
• clearfix - clears the floats
• hide-phone - hides the element for screens <480px
• hide-tablet - hides the element for screens <768px