Example Text Box
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Code
<div class="u-color-red u-bg-light-yellow u-pad">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
Parameters
u-color-red sets the text color.
u-bg-light-yellow sets the background color.
u-pad adds padding.
Color Options
█ u-color-red
█ u-color-dark-red
█ u-color-black
█ u-color-dark-gray
█ u-color-alt-gray
█ u-color-light-gray
█ u-color-lighter-gray
█ u-color-lightest-gray
█ u-color-white
█ u-color-yellow
█ u-color-light-yellow
█ u-color-green
█ u-color-light-green
█ u-color-tan
█ u-color-navy
█ u-color-blue
█ u-color-light-blue
█ u-color-lightest-blue
█ u-color-teal
█ u-color-light-teal
█ u-color-dark-teal
█ u-color-red
█ u-color-dark-red
█ u-color-black
█ u-color-dark-gray
█ u-color-alt-gray
█ u-color-light-gray
█ u-color-lighter-gray
█ u-color-lightest-gray
█ u-color-white
█ u-color-yellow
█ u-color-light-yellow
█ u-color-green
█ u-color-light-green
█ u-color-tan
█ u-color-navy
█ u-color-blue
█ u-color-light-blue
█ u-color-lightest-blue
█ u-color-teal
█ u-color-light-teal
█ u-color-dark-teal
Background Color Options
█ u-bg-red
█ u-bg-black
█ u-bg-dark-gray
█ u-bg-light-gray
█ u-bg-lighter-gray
█ u-bg-lightest-gray
█ u-bg-white
█ u-bg-tan
█ u-bg-tan-50
█ u-bg-tan-30
█ u-bg-light-yellow
█ u-bg-light-green
█ u-bg-blue
█ u-bg-teal
█ u-bg-light-teal
█ u-bg-dark-teal
█ u-bg-red
█ u-bg-black
█ u-bg-dark-gray
█ u-bg-light-gray
█ u-bg-lighter-gray
█ u-bg-lightest-gray
█ u-bg-white
█ u-bg-tan
█ u-bg-tan-50
█ u-bg-tan-30
█ u-bg-light-yellow
█ u-bg-light-green
█ u-bg-blue
█ u-bg-teal
█ u-bg-light-teal
█ u-bg-dark-teal