background-colors.scss

@import './variables/colors';

.bg-navy {    background-color: $navy; }
.bg-blue {    background-color: $blue; }

.bg-aqua,
.bg-aqua-hover:hover { background-color: $aqua; }

.bg-teal {    background-color: $teal; }
.bg-olive {   background-color: $olive; }
.bg-green {   background-color: $green; }
.bg-lime {    background-color: $lime; }
.bg-yellow {  background-color: $yellow; }
.bg-orange {  background-color: $orange; }
.bg-red {     background-color: $red; }
.bg-fuchsia { background-color: $fuchsia; }
.bg-purple {  background-color: $purple; }
.bg-maroon {  background-color: $maroon; }
.bg-white {   background-color: $white; }
.bg-gray {    background-color: $gray; }

.bg-silver,
.bg-silver-hover:hover {  background-color: $silver; }

.bg-ghostwhite,
.bg-ghostwhite-hover:hover { background-color: $ghostwhite; }

.bg-black {   background-color: $black; }

.bg-transparent { background-color: transparent; }
.bg-transparent-dark1 { background-color: hsla(0, 0%, 0%, .075); }

.bg-cover { background-size: cover; }