sencss-colour
v2.0.3
Published
Sencss colour palette
Downloads
8
Readme
Colour palette for Sencss
Each colour is prefixed by a css property:
background-color
=.bgc-
border-color
=.bdc-
color
=.c-
fill
=.f-
stroke
=.s-
Primary colours
.c-sb { color: var(--sensis-black); }
.c-sw { color: var(--sensis-white); }
Secondary colours
.c-sg { color: var(--sensis-green); }
.c-sl { color: var(--sensis-lime); }
.c-sm { color: var(--sensis-magenta); }
.c-so { color: var(--sensis-orange); }
.c-sp { color: var(--sensis-purple); }
Greyscale
.c-sg1 { color: var(--sensis-grey-1); }
.c-sg2 { color: var(--sensis-grey-2); }
.c-sg3 { color: var(--sensis-grey-3); }
.c-sg4 { color: var(--sensis-grey-4); }
Pitcher colours
.c-ps-1 { color: var(--pitcher-slate-1); }
.c-ps-2 { color: var(--pitcher-slate-2); }
.c-ps-3 { color: var(--pitcher-slate-3); }
.c-ps-4 { color: var(--pitcher-slate-4); }
.c-pp-1 { color: var(--pitcher-purple-1); }
.c-pp-2 { color: var(--pitcher-purple-2); }
.c-py-1 { color: var(--pitcher-yellow-1); }