nhlpa.atoms.color.css

.black { color: black }
.blue { color: blue }
.gold { color: gold }
.gray { color: dimgray }
.green { color: forestgreen }
.lightblue { color: lightcyan }
.midblue { color: dodgerblue }
.nearwhite { color: ivory }
.orange { color: darkorange }
.purple { color: darkviolet }
.red { color: crimson }
.silver { color: silver }
.white { color: snow }

.bg-black { background-color: black }
.bg-blue { background-color: blue }
.bg-gold { background-color: gold }
.bg-gray { background-color: dimgray }
.bg-green { background-color: forestgreen }
.bg-lightblue { background-color: lightcyan }
.bg-midblue { background-color: dodgerblue }
.bg-nearwhite { background-color: ivory }
.bg-orange { background-color: darkorange }
.bg-purple { background-color: darkviolet }
.bg-red { background-color: crimson }
.bg-silver { background-color: silver }
.bg-white { background-color: snow }

.b--black { border-color: black }
.b--blue { border-color: blue }
.b--gold { border-color: gold }
.b--gray { border-color: dimgray }
.b--green { border-color: forestgreen }
.b--lightblue { border-color: lightcyan }
.b--midblue { border-color: dodgerblue }
.b--nearwhite { border-color: ivory }
.b--orange { border-color: darkorange }
.b--purple { border-color: darkviolet }
.b--red { border-color: crimson }
.b--silver { border-color: silver }
.b--white { border-color: snow }

.o-100 { opacity: 1 }
.o-90 { opacity: .9 }
.o-80 { opacity: .8 }
.o-70 { opacity: .7 }
.o-60 { opacity: .6 }
.o-50 { opacity: .5 }
.o-40 { opacity: .4 }
.o-30 { opacity: .3 }
.o-20 { opacity: .2 }
.o-10 { opacity: .1 }
.o-05 { opacity: .05 }
.o-025 { opacity: .025 }
.o-0 { opacity: 0 }