// @each $color, $value in $theme-colors { // @include bg-variant(“.bg-#{$color}”, $value); // }
.bg-one{
background: $color-one; background: linear-gradient( to bottom right, rgba(lighten($color-one, 2%), 1), rgba(darken($color-one, 2%), 1) );
} .bg-two{
background: $color-two; background: linear-gradient( to bottom right, rgba(lighten($color-two, 2%), 1), rgba(darken($color-two, 2%), 1) );
} .bg-three{
background: $color-three; background: linear-gradient( to bottom right, rgba(lighten($color-three, 2%), 1), rgba(darken($color-three, 2%), 1) );
} .bg-four{
background: $color-four; background: linear-gradient( to bottom right, rgba(lighten($color-four, 2%), 1), rgba(darken($color-four, 2%), 1) );
} .bg-grey{
background: $color-grey; background: linear-gradient( to bottom right, rgba(lighten($color-grey, 2%), 1), rgba(darken($color-grey, 2%), 1) );
}