22 lines
611 B
SCSS
22 lines
611 B
SCSS
// Background Mixins //
|
|
@mixin bg($color) {
|
|
background: $color;
|
|
}
|
|
|
|
@mixin bg-gradient($color1, $color2) {
|
|
background: $color1;
|
|
/* For browsers that do not support gradients */
|
|
background: -webkit-linear-gradient(90deg, $color1, $color2);
|
|
/* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(90deg, $color1, $color2);
|
|
/* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(90deg, $color1, $color2);
|
|
/* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(90deg, $color1, $color2);
|
|
/* Standard syntax */
|
|
}
|
|
|
|
@mixin bg-inverse-variant($color) {
|
|
background: rgba($color, 0.2);
|
|
}
|