Contents

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

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
solar-flair-0.3.0	_sass/solar-flair/_background-utilities.scss