@citizensadvice/border-width
v1.0.3
Published
Defines the width of an element's border.
Downloads
10
Keywords
Readme
Border-width
Defines the width of an element's border.
Classes
| Class name | Value |
| ------------------- | --------------------------- |
| .b-width-0
| $border-scale-none (0)
|
| .b-width-1
| $border-scale-1 (.063rem)
|
| .b-width-2
| $border-scale-2 (.125rem)
|
| .b-width-3
| $border-scale-3 (.25rem)
|
| .b-width-4
| $border-scale-4 (.5rem)
|
| .b-width-5
| $border-scale-5 (1rem)
|
| .b-width-6
| $border-scale-6 (2rem)
|
| .b-top-width-0
| $border-scale-none (0)
|
| .b-right-width-0
| $border-scale-none (0)
|
| .b-bottom-width-0
| $border-scale-none (0)
|
| .b-left-width-0
| $border-scale-none (0)
|
Examples
<div class="b-width-1 b-solid b-heritage-yellow">...</div>
<div class="b-left-width-0">...</div>
Installation
$ npm install @citizensadvice/border-width
now import into your stylesheet...
@import '@citizensadvice/border-width/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/border-width@latest/build/border-width.css" />