@citizensadvice/borders

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

Usage no npm install needed!

<script type="module">
  import citizensadviceBorders from 'https://cdn.skypack.dev/@citizensadvice/borders';
</script>

README

Borders npm (scoped)

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" />