@citizensadvice/border-radius

Defines the radius of the element's corners.

Usage no npm install needed!

<script type="module">
  import citizensadviceBorderRadius from 'https://cdn.skypack.dev/@citizensadvice/border-radius';
</script>

README

Border-radius npm (scoped)

Defines the radius of the element's corners.

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