You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
615 B
33 lines
615 B
4 years ago
|
// Progress bar styles
|
||
|
|
// --------------------------------------------------
|
||
|
|
|
||
|
|
@import '~cartoassets/src/scss/cdb-variables/colors';
|
||
|
|
@import '~cartoassets/src/scss/cdb-variables/sizes';
|
||
|
|
|
||
|
|
$border-radius: $baseSize / 2;
|
||
|
|
$height: $baseSize / 2;
|
||
|
|
|
||
|
|
.Progress {
|
||
|
|
width: 100%;
|
||
|
|
height: $height;
|
||
|
|
overflow: hidden;
|
||
|
|
border-radius: $border-radius;
|
||
|
|
background: rgba($cMainLine, 0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
.Progress-bar {
|
||
|
|
min-width: 3px;
|
||
|
|
max-width: 100%;
|
||
|
|
height: $height;
|
||
|
|
border-radius: $border-radius;
|
||
|
|
background: $cHighlight;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Progress-bar--caution {
|
||
|
|
background: $cError;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Progress-bar--alert {
|
||
|
|
background: $cAlert;
|
||
|
|
}
|