@citizensadvice/border-radius

Border-radius

Defines the radius of the element's corners.

• Classes
• Examples
• Installation

Classes

Class name	Value
.b-radius-0	0
.b-radius-1	.063rem
.b-radius-2	.125rem
.b-radius-3	.25rem
.b-radius-4	.5rem
.b-radius-5	1rem
.b-radius-6	2rem

Examples

<div class="b-width-1 b-solid b-heritage-yellow b-radius-0">...</div>
<div class="b-radius-1">...</div>

Installation

$ npm install @citizensadvice/border-radius

now import into your stylesheet...

@import '@citizensadvice/border-radius/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-radius@latest/build/border-radius.css" />