Skip to content

Utilities

Multible Utilities in different variations to make it even easier.

Include description about SCSS functions like border-radius() and box-shadow()

Border

Use border utilities to add or remove an element’s borders. Choose from all borders or one at a time.

Additive

 
 
 
 
 
.border--{side}

Subtractive

 
 
 
 
 
.border--{side}-none

Border styles

 
 
 
 
 
 
 
 
 
.border--{color}
 
 
 
 
 
 
.border--{integer}

Border-radius

Add classes to an element to easily round its corners.

 
 
 
 
 
 
 

Sizes

Use the scaling classes for larger or smaller rounded corners. Sizes range from sm to xl, and can be configured by modifying in variebles.scss.

 
 
 
 

Shadows

Add classes to an element to easily round its corners.

 
 
 
 
No shadow
Small shadow
Regular shadow
Larger shadow