.u-align--left Align an element to the left in larger screen sizes.
.u-align--center Align an element to the center.
.u-align--right Align an element to the right in larger screen sizes.
.u-bg--opaque is used on this section to force a white background.
.u-bg--transparent is overriding the inline red background color.
.u-error
.u-success
Read the Pattern Info for documentation.
.u-space-mx adds a margin-left and margin-right.
.u-space-my adds a margin-top and margin-bottom.
.u-space-ml adds a margin-left.
.u-space-ml--small is half the space.
.u-space-ml--large is double the space.
.u-space-ml--flush - override to make flush.