// @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)
);

}