General
variables
spacer-padding
$spacer-padding: 16px;Description
Padding related to .row & .col rules
css
.row
.row { ... }Description
Quick flex display row
.col
.col { ... }Description
Quick flex display column
.z1
.z1 { ... }Description
Elevate element using z-index
.z2
.z2 { ... }Description
Elevate element using z-index
.uppercase
.uppercase { ... }Description
Transform text to uppercase
.center-text
.center-text { ... }Description
Centers the text of the element
.text-right
.text-right { ... }Description
Align text to the right
.clickable
.clickable { ... }Description
Shows cursor on element
.max-width, .fill-width
.max-width,
.fill-width { ... }Description
Sets the element to 100% width
.max-height, .fill-height
.max-height,
.fill-height { ... }Description
Sets the element to 100% height
.gpu-layer
.gpu-layer { ... }Description
Pushes element to a unique GPU layer.
.overflow-auto
.overflow-auto { ... }Description
Prevent content overflow, overflowing content will be accessible via scroll-bars
.no-text-overflow
.no-text-overflow { ... }Description
Prevent text overflow with ellipsis
.desktop-only
.desktop-only { ... }Description
Sets the element to only show on desktop
.mobile-only
.mobile-only { ... }Description
Sets the element to only show on mobile