Use border modifiers to control borders around an element. Whenever possible, use these instead of defining custom borders in CSS.

Classes

Modifier	Purpose
border	Add borders on all sides
border-top	Add a border on the top
border-right	Add a border on the right
border-bottom	Add a border on the bottom
border-left	Add a border on the left
border-none	Remove borders from all sides
border-top-0	Remove border from the top
border-right-0	Remove border from the right
border-bottom-0	Remove border from the bottom
border-left-0	Remove border from the left
border-rounded	Make borders rounded
border-not-rounded	Make borders not rounded

border

border-top

border-right

border-bottom

border-left

border-bottom
		border
border-right
		border-top
	border-left

border-none

border-top-0

border-right-0

border-bottom-0

border-left-0

border-rounded

border-not-rounded

Imports

Import CSS:

import 'pivotal-ui/css/border';