Merge pull request #151 from picturepan2/feature/components v0.2.5

Feature/components

1 files changed, 10 insertions, 13 deletions

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;
   }
 }