20 lines
563 B
SCSS
20 lines
563 B
SCSS
// Progress bars
|
|
// *******************************************************************************
|
|
|
|
@mixin template-progress-bar-theme($background, $color: null) {
|
|
.progress-bar {
|
|
background-color: $background;
|
|
color: if($color, $color, color-contrast($background));
|
|
box-shadow: 0 2px 4px 0 rgba($background, 0.4);
|
|
}
|
|
}
|
|
|
|
@mixin template-progress-bar-shadow-variant($parent, $background-shadow) {
|
|
$background-shadow: $background-shadow;
|
|
.progress-bar {
|
|
&#{$parent} {
|
|
box-shadow: 0 2px 4px 0 rgba($background-shadow, 0.4);
|
|
}
|
|
}
|
|
}
|