diff options
1 files changed, 10 insertions, 13 deletions
| -rw-r--r-- | src/meters.less | 23 |
diff --git a/src/meters.less b/src/meters.less index ada4371..57d2551 100644 --- a/src/meters.less +++ b/src/meters.less @@ -2,8 +2,9 @@ // Credit: https://css-tricks.com/html5-meter-element/ .meter { appearance: none; - background: @core-bg-color; + background: @bg-color; border: 0; + border-radius: @border-radius; display: block; width: 100%; height: 1.6rem; @@ -11,7 +12,7 @@ &::-webkit-meter-inner-element { display: block; } - + &::-webkit-meter-bar, &::-webkit-meter-optimum-value, &::-webkit-meter-suboptimum-value, @@ -20,7 +21,7 @@ } &::-webkit-meter-bar { - background: @core-bg-color; + background: @bg-color; } &::-webkit-meter-optimum-value { @@ -36,25 +37,21 @@ } &::-moz-meter-bar, - &::-moz-meter-optimum, - &::-moz-meter-sub-optimum, - &::-moz-meter-sub-sub-optimum { + &:-moz-meter-optimum, + &:-moz-meter-sub-optimum, + &:-moz-meter-sub-sub-optimum { border-radius: @border-radius; } - &::-moz-meter-bar { - background: @core-bg-color; - } - - &:-moz-meter-optimum { + &:-moz-meter-optimum::-moz-meter-bar { background: @control-color-success; } - &:-moz-meter-sub-optimum { + &:-moz-meter-sub-optimum::-moz-meter-bar { background: @control-color-warning; } - &:-moz-meter-sub-sub-optimum { + &:-moz-meter-sub-sub-optimum::-moz-meter-bar { background: @control-color-danger; } } |