2016-05-26 23:34:42 +00:00
|
|
|
.bar {
|
2016-06-03 07:38:18 +00:00
|
|
|
background: mix($color-new, $color-white, 60);
|
2016-05-26 23:34:42 +00:00
|
|
|
display: block;
|
|
|
|
height: 1.4em;
|
|
|
|
position: relative;
|
|
|
|
|
2016-06-03 17:44:07 +00:00
|
|
|
&.warning {
|
|
|
|
background: mix($color-offline, $color-white, 60);
|
|
|
|
|
|
|
|
span {
|
|
|
|
background: $color-offline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-05-26 23:34:42 +00:00
|
|
|
span {
|
2016-06-03 07:38:18 +00:00
|
|
|
background: $color-new;
|
2016-05-26 23:34:42 +00:00
|
|
|
display: inline-block;
|
|
|
|
height: 1.4em;
|
2018-02-25 16:33:57 +00:00
|
|
|
max-width: 100%;
|
2016-05-26 23:34:42 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
label {
|
|
|
|
color: $color-white;
|
|
|
|
font-weight: bold;
|
|
|
|
position: absolute;
|
|
|
|
right: .5em;
|
|
|
|
top: .1em;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
}
|