Borders

Border

When set, all borders default to a 1px width which can be offset using border--width-{ i }.

Class

Class Result
border

Set border.

no-border

Remove border.

border-x

Set x-axis borders (left and right).

border-y

Set y-axis borders (top and bottom).

border-t

Set top border.

border-b

Set bottom border.

border-r

Set right border.

border-l

Set left border.

border--width-{ 1-5 }

Set custom border width.

border--color-{ color }

Set border color.

Visualizer

Try this! See how to use the border utilities!

Example Card
Example Card
Example Card