@citizensadvice/borders
v1.0.3
Published
Defines the border of an element. These can be combined with other border properties such as color or widths to override default styling.
Downloads
13
Keywords
Readme
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
| 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" />