@citizensadvice/borders

Borders

Defines the border of an element. These can be combined with other border properties such as color or widths to override default styling.

• Classes
• Examples
• Installation

Classes

Class name	Value
.b-0	none
.ba	solid .063rem (1px)
.b-top	solid .063rem (1px)
.b-top-0	none
.b-right	solid .063rem (1px)
.b-right-0	none
.b-bottom	solid .063rem (1px)
.b-bottom-0	none
.b-left	solid .063rem (1px)
.b-left-0	none

Examples

<div class="ba">...</div>
<div class="ba b-right-0">...</div>

Installation

$ npm install @citizensadvice/borders

now import into your stylesheet...

@import '@citizensadvice/borders/index.scss';

You can also make use of the unpkg service, try adding the link below to the head of your HTML file

<link src="https://unpkg.com/@citizensadvice/borders@latest/build/borders.css" />