@citizensadvice/border-colors

1.0.3 • Public • Published

Border-colors npm (scoped)

Defines the color of the element's borders.

Classes

Class name Value
.b-heritage-blue $heritage-blue (#004B88)
.b-heritage-blue-40 $heritage-blue-40 (#97a8cc)
.b-heritage-yellow-40 $heritage-yellow-40 (#fde5c4)
.b-blue-dark $blue-dark (#229cff)
.b-blue-primary $blue-primary (#8ac4ff)
.b-blue-mid $blue-mid (#caeaff)
.b-blue-light $blue-light (#f2f8ff)
.b-turquoise-dark $turquoise-dark (#5cc0b5)
.b-turquoise-primary $turquoise-primary (#81cec6)
.b-turquoise-mid $turquoise-mid (#b8e3df)
.b-turquoise-light $turquoise-light (#eaf9f7)
.b-red-light $red-light (#fae1e1)
.b-black $black (#000000)
.b-dark-grey $dark-grey (#333333)
.b-mid-grey $mid-grey (#606060)
.b-grey $grey (#9f9f9f)
.b-light-grey $light-grey (#dfdfdf)
.b-pale-grey $pale-grey (#f2f2f2)
.b-white $white (#ffffff)
.b-heritage-yellow $heritage-yellow (#fcbb69)
.b-red-primary $red-primary (#df3034)

Examples

<div class="b-width-1 b-solid b-heritage-blue">...</div>
<div class="b-heritage-yellow">...</div>
<div class="b-turquoise-dark">...</div>

Installation

$ npm install @citizensadvice/border-colors

now import into your stylesheet...

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

Readme

Keywords

none

Package Sidebar

Install

npm i @citizensadvice/border-colors

Weekly Downloads

2

Version

1.0.3

License

MIT

Unpacked Size

6.72 kB

Total Files

6

Last publish

Collaborators

  • cnorthwoodcita
  • seymourski
  • marianayovcheva
  • mrdaniellewis
  • davidsauntson
  • davidrapson