Switch to M&T
Overview

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.

Cursor

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

List Style

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

Reset

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

Scroll

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.

Transform

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.

Visibility

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.

White Space

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.