mirror of https://github.com/rancher/ui.git
38 lines
1.1 KiB
SCSS
38 lines
1.1 KiB
SCSS
$progress-bg : $body-bg !default;
|
|
$progress-bar-bg : $primary !default;
|
|
$progress-divider-bg : white !default;
|
|
$progress-divider-width : 1px !default;
|
|
$progress-border-radius : 90px !default;
|
|
$progress-height : 10px !default;
|
|
|
|
.progress {
|
|
display: block;
|
|
border-radius: $progress-border-radius;
|
|
background-color: $progress-bg;
|
|
height: $progress-height;
|
|
|
|
.progress-bar {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
height: $progress-height;
|
|
border-radius: 0;
|
|
border-right: $progress-divider-width solid $progress-divider-bg;
|
|
vertical-align: top;
|
|
|
|
&:first-child {
|
|
border-top-left-radius: $progress-border-radius;
|
|
border-bottom-left-radius: $progress-border-radius;
|
|
}
|
|
|
|
&:last-child {
|
|
border-top-right-radius: $progress-border-radius;
|
|
border-bottom-right-radius: $progress-border-radius;
|
|
border-right: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.progress-bar-multi .progress-bar.bg-success:only-child {
|
|
background-color: rgba($success, 0.4);
|
|
}
|