79 lines
1.5 KiB
SCSS
79 lines
1.5 KiB
SCSS
/*************
|
|
* Level Bar *
|
|
*************/
|
|
|
|
$_levelbar_size: 9px;
|
|
$_levelbar_border_radius: 0px;
|
|
|
|
levelbar {
|
|
&.horizontal {
|
|
trough > block {
|
|
min-height: $_levelbar_size;
|
|
border-radius: $_levelbar_border_radius;
|
|
|
|
&:dir(rtl) {
|
|
border-radius: 0 $_levelbar_border_radius $_levelbar_border_radius 0;
|
|
}
|
|
|
|
&:dir(ltr) {
|
|
border-radius: $_levelbar_border_radius 0 0 $_levelbar_border_radius;
|
|
}
|
|
|
|
&.empty,&.full {
|
|
border-radius: $_levelbar_border_radius;
|
|
}
|
|
}
|
|
|
|
// segmented level bar
|
|
&.discrete {
|
|
trough > block {
|
|
min-height: 4px;
|
|
margin: $border_width;
|
|
min-width: 24px;
|
|
border-radius:0;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
&.vertical {
|
|
trough > block {
|
|
min-width: $_levelbar_size;
|
|
border-radius: $_levelbar_border_radius;
|
|
}
|
|
|
|
&.discrete > trough > block {
|
|
min-width: $_levelbar_size - 7px;
|
|
margin: $border_width;
|
|
min-height: 32px;
|
|
}
|
|
}
|
|
|
|
> trough {
|
|
@extend %scale_trough;
|
|
}
|
|
|
|
// level bar colours
|
|
> trough > block {
|
|
//border: 1px solid;
|
|
|
|
&.low {
|
|
&, &.filled { background-color: $warning_color; }
|
|
}
|
|
|
|
&.high, &.filled {
|
|
//border-color: $selected_bg_color;
|
|
background-color: $selected_bg_color;
|
|
}
|
|
|
|
&.full {
|
|
//border-color: $success_color;
|
|
&, &.filled {background-color: $success_color;}
|
|
}
|
|
|
|
&.empty {
|
|
background-color: darken($bg_color, 10%);
|
|
//border-color: darken($bg_color, 5%);
|
|
}
|
|
}
|
|
}
|