2016-04-15 03:54:38 +02:00
|
|
|
/*************
|
|
|
|
* Level Bar *
|
|
|
|
*************/
|
|
|
|
|
2016-05-24 19:20:03 +02:00
|
|
|
%fill-block {
|
|
|
|
border-radius:3px;
|
|
|
|
margin: 2px;
|
|
|
|
background-color: $selected_bg_color;
|
|
|
|
border:1px solid;
|
|
|
|
border-color: if($variant == 'light', $selected_borders_color, $borders_color);
|
|
|
|
box-shadow:inset 0 1px 0 0 $top_highlight;
|
2016-04-15 03:54:38 +02:00
|
|
|
|
2016-05-24 19:20:03 +02:00
|
|
|
&.low,
|
|
|
|
&.level-low {
|
|
|
|
background-color: $red;
|
|
|
|
border-color: if($variant == 'light', darken($red, 10%), $borders_color);
|
|
|
|
box-shadow:inset 0 1px 0 0 $top_highlight;
|
|
|
|
}
|
2016-04-15 03:54:38 +02:00
|
|
|
|
2016-05-24 19:20:03 +02:00
|
|
|
&.high,
|
|
|
|
&.level-high {
|
|
|
|
background-color: $green;
|
|
|
|
border-color: if($variant == 'light', darken($green, 10%), $borders_color);
|
|
|
|
box-shadow:inset 0 1px 0 0 $top_highlight;
|
|
|
|
}
|
2016-04-15 03:54:38 +02:00
|
|
|
|
2016-05-24 19:20:03 +02:00
|
|
|
&.full,
|
|
|
|
&.level-full {
|
|
|
|
background-color: $selected_bg_color;
|
|
|
|
border-color: if($variant == 'light', $selected_borders_color, $borders_color);
|
|
|
|
box-shadow:inset 0 1px 0 0 $top_highlight;
|
|
|
|
}
|
2016-04-15 18:59:10 +02:00
|
|
|
|
2016-05-24 19:20:03 +02:00
|
|
|
&.empty,
|
|
|
|
&.empty-fill-block,
|
|
|
|
&.level-empty {
|
2016-05-24 18:54:03 +02:00
|
|
|
background-color: transparentize(black, 0.9);
|
|
|
|
border-color: $borders_color;
|
|
|
|
box-shadow: 0 1px 0 0 $bottom_highlight;
|
2016-05-24 19:20:03 +02:00
|
|
|
}
|
|
|
|
}
|
2016-04-15 18:59:10 +02:00
|
|
|
|
2016-05-24 19:20:03 +02:00
|
|
|
GtkLevelBar {
|
|
|
|
-GtkLevelBar-min-block-width: 32px;
|
|
|
|
-GtkLevelBar-min-block-height: 6px;
|
|
|
|
border-radius: 2px;
|
|
|
|
}
|
2016-04-15 03:54:38 +02:00
|
|
|
|
2016-05-24 19:20:03 +02:00
|
|
|
GtkLevelBar.vertical {
|
|
|
|
-GtkLevelBar-min-block-width: 6px;
|
|
|
|
-GtkLevelBar-min-block-height: 32px;
|
|
|
|
border-radius: 2px;
|
|
|
|
}
|
2016-04-15 03:54:38 +02:00
|
|
|
|
2016-05-24 19:20:03 +02:00
|
|
|
.level-bar {
|
2016-04-15 03:54:38 +02:00
|
|
|
|
2016-05-24 19:20:03 +02:00
|
|
|
padding: 2px;
|
2016-04-15 18:59:10 +02:00
|
|
|
|
2016-05-24 19:20:03 +02:00
|
|
|
// Trough - has no style
|
|
|
|
&.trough {
|
|
|
|
background-color: transparent;
|
|
|
|
border:none;
|
|
|
|
margin: 2px;
|
2016-04-15 18:59:10 +02:00
|
|
|
}
|
|
|
|
|
2016-05-24 19:20:03 +02:00
|
|
|
// Fill block
|
|
|
|
&.fill-block {
|
|
|
|
@extend %fill-block;
|
|
|
|
}
|
2016-04-15 18:59:10 +02:00
|
|
|
|
2016-05-24 19:20:03 +02:00
|
|
|
// Continuous
|
|
|
|
.indicator-continuous {
|
|
|
|
&.fill-block {
|
2016-04-15 18:59:10 +02:00
|
|
|
@extend %fill-block;
|
|
|
|
}
|
|
|
|
}
|
2016-05-24 19:20:03 +02:00
|
|
|
|
|
|
|
// Discrete
|
|
|
|
&.horizontal.indicator-discrete.fill-block { margin: 0 1px; }
|
|
|
|
&.horizontal.discrete block { margin: 0 1px; }
|
|
|
|
|
|
|
|
&.vertical.indicator-discrete.fill-block { margin: 1px 0; }
|
|
|
|
&.vertical.discrete block { margin: 1px 0; }
|
2016-04-15 18:59:10 +02:00
|
|
|
}
|