Sass lint: remove useless vendor prefixes

- Remove the vendor prefixes that are automatically added by
`autoprefixer` for all browsers.
- Disable `sass-lint` when a vendor prefix is required by one
particular browser.

diff --git a/scss/_global.scss b/scss/_global.scss
index c18d8eb8f05cc3ce7e81e4f248c51314fb6dbbe2..1c5f87061819f28803323f1278b6374b3199d882 100644 (file)
--- a/scss/_global.scss
+++ b/scss/_global.scss
@@ -193,8 +193,7 @@ $-zf-flex-classes-imported: false;
 
     padding: 0;
 
-    -webkit-appearance: none;
-    -moz-appearance: none;
+    appearance: none;
     border: 0;
     border-radius: $global-radius;
     background: transparent;

diff --git a/scss/forms/_meter.scss b/scss/forms/_meter.scss
index 0969c91d32c022870255cced69f8d0f06746ab94..5ee017304ef7306da387d563bb6639e201895d8e 100644 (file)
--- a/scss/forms/_meter.scss
+++ b/scss/forms/_meter.scss
@@ -37,8 +37,7 @@ $meter-fill-bad: $alert-color !default;
     height: $meter-height;
     margin-bottom: 1rem;
 
-    -webkit-appearance: none;
-    -moz-appearance: none;
+    appearance: none;
 
     @if has-value($meter-radius) {
       border-radius: $meter-radius;

diff --git a/scss/forms/_progress.scss b/scss/forms/_progress.scss
index 32efb305c12015e4683e88dc2975046f2e185bc7..02a24460d375f39106012f3161973af32b91a470 100644 (file)
--- a/scss/forms/_progress.scss
+++ b/scss/forms/_progress.scss
@@ -33,8 +33,7 @@ $progress-radius: $global-radius !default;
     height: $progress-height;
     margin-bottom: $progress-margin-bottom;
 
-    -webkit-appearance: none;
-    -moz-appearance: none;
+    appearance: none;
 
     @if hasvalue($progress-radius) {
       border-radius: $progress-radius;

diff --git a/scss/forms/_range.scss b/scss/forms/_range.scss
index 14fc64997b34eaaffa5d4c533c4f160104d8b7c1..4c032b6d77e35ea6d413a3de8de377043935e1dc 100644 (file)
--- a/scss/forms/_range.scss
+++ b/scss/forms/_range.scss
@@ -49,9 +49,7 @@ $slider-radius: $global-radius !default;
     margin-top: $margin;
     margin-bottom: $margin;
 
-    -webkit-appearance: none;
-    -moz-appearance: none;
-
+    appearance: none;
     border: 0;
     line-height: 1;
     cursor: pointer;
@@ -68,6 +66,8 @@ $slider-radius: $global-radius !default;
       opacity: $slider-opacity-disabled;
     }
 
+    // sass-lint:disable no-vendor-prefix
+
     // Chrome/Safari
     &::-webkit-slider-runnable-track {
       height: $slider-height;

diff --git a/scss/forms/_select.scss b/scss/forms/_select.scss
index a4082b05510b38546cae1656d7f6909277917139..f9f1fbe7a964cea4e76235be0ca8b27ae95bf777 100644 (file)
--- a/scss/forms/_select.scss
+++ b/scss/forms/_select.scss
@@ -25,8 +25,7 @@ $select-radius: $global-radius !default;
   margin: 0 0 $form-spacing;
   padding: ($form-spacing / 2);
 
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   border: $input-border;
   border-radius: $select-radius;
   background-color: $select-background;

diff --git a/scss/forms/_text.scss b/scss/forms/_text.scss
index 56a04f2ee047b991d7d7c00cab72bc345d7311a6..1df2c89adba72599adf02eb7a95741d589a88b02 100644 (file)
--- a/scss/forms/_text.scss
+++ b/scss/forms/_text.scss
@@ -116,8 +116,7 @@ $form-button-radius: $global-radius !default;
   #{text-inputs()},
   textarea {
     @include form-element;
-    -webkit-appearance: none;
-    -moz-appearance: none;
+    appearance: none;
   }
 
   // Text areas
@@ -147,8 +146,7 @@ $form-button-radius: $global-radius !default;
   // Reset styles on button-like inputs
   [type='submit'],
   [type='button'] {
-    -webkit-appearance: none;
-    -moz-appearance: none;
+    appearance: none;
     border-radius: $form-button-radius;
   }
 
@@ -161,11 +159,11 @@ $form-button-radius: $global-radius !default;
   // Number input styles
   [type='number'] {
     @if not $input-number-spinners {
-      -moz-appearance: textfield;
+      -moz-appearance: textfield; // sass-lint:disable-line no-vendor-prefix
 
       &::-webkit-inner-spin-button,
       &::-webkit-outer-spin-button {
-        -webkit-appearance: none;
+        -webkit-appearance: none; // sass-lint:disable-line no-vendor-prefix
         margin: 0;
       }
     }