Common Styles

There are styles that can be used in any project that will help you with common tasks.

.no-select

Disables the ability to select text.

.truncate

Truncates text when it cannot fit within content

.cursor

When added the cursor will display a default cursor.

.pointer

When added the cursor will display a pointer cursor indicating it is clickable.

Layout

flex

Will fill the item with all available space. flex: 1

layout-align, layout-align="center"

Aligns the DOM elements centered to parent container.

layout, layout="row"

Uses flexbox to align items horizontally.

layout="column"

Uses flexbox to align items vertically.