Appearance

Use these appearance classes to manipulate how an element is rendered.

Border Radius

u-border-radius--small	Gives element a border radius of 2px.
u-border-radius--medium	Gives element a border radius of 4px.
u-border-radius--large	Gives element a border radius of 8px.

u-cursor--pointer

Sets `cursor: pointer` to element, implying a click event.

u-list-style--none

Sets `list-style-type: none` to element, removing all list bullets.

u-reset--box

Resets the box model to `box-sizing: border-box`. Width and height properties will include content, padding and border.

u-scroll--none	Sets `overflow: none` on an element, removing all scrollbars.
u-scroll--vertical	Sets `overflow-y: auto` on an element, showing scrollbars whenever content overflows vertically.
u-scroll--horizontal	Sets `overflow-x: auto` on an element, showing scrollbars whenever content overflows horizontally.

u-rotate--90	Rotates the element 90 degrees clockwise.
u-rotate--180	Rotates the element 180 degrees clockwise.
u-rotate--270	Rotates the element 270 degrees clockwise.

u-is-visible--[screen size]	Adds `display: block`, forcing element to appear visible at designated screen-size and below. See full list of breakpoints.
u-is-visible-flex--[screen size]	Adds `display: flex`, forcing element to appear visible at designated screen-size and below. See full list of breakpoints.
u-is-hidden--[screen size]	Adds `display: none`, forcing element to appear be hidden at desginated screen-size and below. See full list of breakpoints.

u-white-space--nowrap	Sets `white-space: nowrap`, forcing text to never wrap onto the next line.
u-white-space--normal	Sets `white-space: normal`, forcing text to wrap onto the next line whenever width is limited.