sencss-colour/library/background-colour.css

Sencss colour palette

@import 'sencss-palette';

.bgc-sb   { background-color: var(--sensis-black); }
.bgc-sw   { background-color: var(--sensis-white); }

.bgc-sg   { background-color: var(--sensis-green); }
.bgc-sl   { background-color: var(--sensis-lime); }
.bgc-sm   { background-color: var(--sensis-magenta); }
.bgc-so   { background-color: var(--sensis-orange); }
.bgc-sp   { background-color: var(--sensis-purple); }

.bgc-sg1  { background-color: var(--sensis-grey-1); }
.bgc-sg2  { background-color: var(--sensis-grey-2); }
.bgc-sg3  { background-color: var(--sensis-grey-3); }
.bgc-sg4  { background-color: var(--sensis-grey-4); }

.bgc-yp   { background-color: var(--yellow-pages); }
.bgc-wp   { background-color: var(--white-pages); }
.bgc-wi   { background-color: var(--where-is); }
.bgc-tl   { background-color: var(--true-local); }

.bgc-ps-1 { background-color: var(--pitcher-slate-1); }
.bgc-ps-2 { background-color: var(--pitcher-slate-2); }
.bgc-ps-3 { background-color: var(--pitcher-slate-3); }
.bgc-ps-4 { background-color: var(--pitcher-slate-4); }
.bgc-pp-1 { background-color: var(--pitcher-purple-1); }
.bgc-pp-2 { background-color: var(--pitcher-purple-2); }
.bgc-py-1 { background-color: var(--pitcher-yellow-1); }