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