disable vendor prefix another way

Author: jonrohan

scss/.scss-lint.yml

@@ -400,8 +400,6 @@ linters:
     additional_identifiers: []
     excluded_identifiers: []
     severity: error
-    exclude:
-      - 'scss/_forms.scss'
 
   ZeroUnit:
     enabled: true

scss/_forms.scss

@@ -372,7 +372,9 @@ dl.form {
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   margin: 0;
+  // scss-lint:disable VendorPrefix
   -webkit-appearance: none;
+  // scss-lint:enable VendorPrefix
 }
 
 
@@ -491,10 +493,12 @@ input::-webkit-inner-spin-button {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAaCAMAAACNQ/wIAAAAYFBMVEUzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMS2aZBAAAAH3RSTlMAAQYNDg8VJDQ2N0JbdXZ4h4mKpL3Iycvb6vDx8vn+GLdSCAAAAHBJREFUeNq90TcSgDAMRFGRMwZMTnv/W+IBm6BxzSt/pUBGURKT73v+LdkGbNm7xDOUOXlKNOE0RaaEI7QxvIrX4db5pLgtXlqXyJH4kA5VYCr6Xw2msYxqWUgJetyGwH4cfkIjXaCsqfUd/GmMEKQdADIVzQIQilIAAAAASUVORK5CYII=) no-repeat right 8px center;
   background-size: 9px 13px;
   box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.075);
+  // scss-lint:disable VendorPrefix
   // Have to include vendor prefixes as the `appearance` property isn't part of the CSS spec.
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
+  // scss-lint:enable VendorPrefix
 
   &:focus {
     outline: none;