fix(icon-mixin.scss): fix style on firefox

use @supports (-moz-appearance: meterbar) instead of @-moz-document url-prefix()
nostalgic-css · Feb 22, 2019 · 34298ab · 34298ab
1 parent fe70e0c
commit 34298ab
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/scss/utilities/icon-mixin.scss b/scss/utilities/icon-mixin.scss
@@ -38,10 +38,10 @@
         $color: nth($colors, $dot);
         @if $color == $default-color {
           $ret: $ret + ($j * $size) + " " + ($i * $size);
-          $moz: $moz + ($j * $size) + " " + ($i * $size) + "0 0.020px";
+          $moz: $moz + ($j * $size) + " " + ($i * $size) + " 0 0.020em";
         } @else {
-          $ret: $ret + ($j * $size) + " " + ($i * $size) + "" + $color;
-          $moz: $moz + ($j * $size) + " " + ($i * $size) + "0 0.020px " + $color;
+          $ret: $ret + ($j * $size) + " " + ($i * $size) + " " + $color;
+          $moz: $moz + ($j * $size) + " " + ($i * $size) + " 0 0.020em " + $color;
         }
       }
     }
@@ -51,7 +51,9 @@
   height: $size;
   color: $default-color;
   box-shadow: unquote($ret);
-  @-moz-document url-prefix() {
-    -webkit-box-shadow: unquote($moz);
+
+  // firefox only style
+  @supports (-moz-appearance: meterbar) {
+    box-shadow: unquote($moz);
   }
 }