autoprefixer 9.8.7 → 10.0.2

package/lib/processor.js

@@ -1,252 +1,286 @@
-"use strict";
-
-function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } it = o[Symbol.iterator](); return it.next.bind(it); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-var parser = require('postcss-value-parser');
-
-var Value = require('./value');
-
-var insertAreas = require('./hacks/grid-utils').insertAreas;
-
-var OLD_LINEAR = /(^|[^-])linear-gradient\(\s*(top|left|right|bottom)/i;
-var OLD_RADIAL = /(^|[^-])radial-gradient\(\s*\d+(\w*|%)\s+\d+(\w*|%)\s*,/i;
-var IGNORE_NEXT = /(!\s*)?autoprefixer:\s*ignore\s+next/i;
-var GRID_REGEX = /(!\s*)?autoprefixer\s*grid:\s*(on|off|(no-)?autoplace)/i;
-var SIZES = ['width', 'height', 'min-width', 'max-width', 'min-height', 'max-height', 'inline-size', 'min-inline-size', 'max-inline-size', 'block-size', 'min-block-size', 'max-block-size'];
-
-function hasGridTemplate(decl) {
-  return decl.parent.some(function (i) {
-    return i.prop === 'grid-template' || i.prop === 'grid-template-areas';
-  });
+let parser = require('postcss-value-parser')
+
+let Value = require('./value')
+let insertAreas = require('./hacks/grid-utils').insertAreas
+
+const OLD_LINEAR = /(^|[^-])linear-gradient\(\s*(top|left|right|bottom)/i
+const OLD_RADIAL = /(^|[^-])radial-gradient\(\s*\d+(\w*|%)\s+\d+(\w*|%)\s*,/i
+const IGNORE_NEXT = /(!\s*)?autoprefixer:\s*ignore\s+next/i
+const GRID_REGEX = /(!\s*)?autoprefixer\s*grid:\s*(on|off|(no-)?autoplace)/i
+
+const SIZES = [
+  'width',
+  'height',
+  'min-width',
+  'max-width',
+  'min-height',
+  'max-height',
+  'inline-size',
+  'min-inline-size',
+  'max-inline-size',
+  'block-size',
+  'min-block-size',
+  'max-block-size'
+]
+
+function hasGridTemplate (decl) {
+  return decl.parent.some(
+    i => i.prop === 'grid-template' || i.prop === 'grid-template-areas'
+  )
 }
 
-function hasRowsAndColumns(decl) {
-  var hasRows = decl.parent.some(function (i) {
-    return i.prop === 'grid-template-rows';
-  });
-  var hasColumns = decl.parent.some(function (i) {
-    return i.prop === 'grid-template-columns';
-  });
-  return hasRows && hasColumns;
+function hasRowsAndColumns (decl) {
+  let hasRows = decl.parent.some(i => i.prop === 'grid-template-rows')
+  let hasColumns = decl.parent.some(i => i.prop === 'grid-template-columns')
+  return hasRows && hasColumns
 }
 
-var Processor = /*#__PURE__*/function () {
-  function Processor(prefixes) {
-    this.prefixes = prefixes;
+class Processor {
+  constructor (prefixes) {
+    this.prefixes = prefixes
   }
+
   /**
    * Add necessary prefixes
    */
-
-
-  var _proto = Processor.prototype;
-
-  _proto.add = function add(css, result) {
-    var _this = this;
-
+  add (css, result) {
     // At-rules
-    var resolution = this.prefixes.add['@resolution'];
-    var keyframes = this.prefixes.add['@keyframes'];
-    var viewport = this.prefixes.add['@viewport'];
-    var supports = this.prefixes.add['@supports'];
-    css.walkAtRules(function (rule) {
+    let resolution = this.prefixes.add['@resolution']
+    let keyframes = this.prefixes.add['@keyframes']
+    let viewport = this.prefixes.add['@viewport']
+    let supports = this.prefixes.add['@supports']
+
+    css.walkAtRules(rule => {
       if (rule.name === 'keyframes') {
-        if (!_this.disabled(rule, result)) {
-          return keyframes && keyframes.process(rule);
+        if (!this.disabled(rule, result)) {
+          return keyframes && keyframes.process(rule)
         }
       } else if (rule.name === 'viewport') {
-        if (!_this.disabled(rule, result)) {
-          return viewport && viewport.process(rule);
+        if (!this.disabled(rule, result)) {
+          return viewport && viewport.process(rule)
         }
       } else if (rule.name === 'supports') {
-        if (_this.prefixes.options.supports !== false && !_this.disabled(rule, result)) {
-          return supports.process(rule);
+        if (
+          this.prefixes.options.supports !== false &&
+          !this.disabled(rule, result)
+        ) {
+          return supports.process(rule)
         }
       } else if (rule.name === 'media' && rule.params.includes('-resolution')) {
-        if (!_this.disabled(rule, result)) {
-          return resolution && resolution.process(rule);
+        if (!this.disabled(rule, result)) {
+          return resolution && resolution.process(rule)
         }
       }
 
-      return undefined;
-    }); // Selectors
-
-    css.walkRules(function (rule) {
-      if (_this.disabled(rule, result)) return undefined;
-      return _this.prefixes.add.selectors.map(function (selector) {
-        return selector.process(rule, result);
-      });
-    });
-
-    function insideGrid(decl) {
-      return decl.parent.nodes.some(function (node) {
-        if (node.type !== 'decl') return false;
-        var displayGrid = node.prop === 'display' && /(inline-)?grid/.test(node.value);
-        var gridTemplate = node.prop.startsWith('grid-template');
-        var gridGap = /^grid-([A-z]+-)?gap/.test(node.prop);
-        return displayGrid || gridTemplate || gridGap;
-      });
+      return undefined
+    })
+
+    // Selectors
+    css.walkRules(rule => {
+      if (this.disabled(rule, result)) return undefined
+
+      return this.prefixes.add.selectors.map(selector => {
+        return selector.process(rule, result)
+      })
+    })
+
+    function insideGrid (decl) {
+      return decl.parent.nodes.some(node => {
+        if (node.type !== 'decl') return false
+        let displayGrid =
+          node.prop === 'display' && /(inline-)?grid/.test(node.value)
+        let gridTemplate = node.prop.startsWith('grid-template')
+        let gridGap = /^grid-([A-z]+-)?gap/.test(node.prop)
+        return displayGrid || gridTemplate || gridGap
+      })
     }
-
-    function insideFlex(decl) {
-      return decl.parent.some(function (node) {
-        return node.prop === 'display' && /(inline-)?flex/.test(node.value);
-      });
+    function insideFlex (decl) {
+      return decl.parent.some(node => {
+        return node.prop === 'display' && /(inline-)?flex/.test(node.value)
+      })
     }
 
-    var gridPrefixes = this.gridStatus(css, result) && this.prefixes.add['grid-area'] && this.prefixes.add['grid-area'].prefixes;
-    css.walkDecls(function (decl) {
-      if (_this.disabledDecl(decl, result)) return undefined;
-      var parent = decl.parent;
-      var prop = decl.prop;
-      var value = decl.value;
+    let gridPrefixes =
+      this.gridStatus(css, result) &&
+      this.prefixes.add['grid-area'] &&
+      this.prefixes.add['grid-area'].prefixes
+
+    css.walkDecls(decl => {
+      if (this.disabledDecl(decl, result)) return undefined
+
+      let parent = decl.parent
+      let prop = decl.prop
+      let value = decl.value
 
       if (prop === 'grid-row-span') {
-        result.warn('grid-row-span is not part of final Grid Layout. Use grid-row.', {
-          node: decl
-        });
-        return undefined;
+        result.warn(
+          'grid-row-span is not part of final Grid Layout. Use grid-row.',
+          { node: decl }
+        )
+        return undefined
       } else if (prop === 'grid-column-span') {
-        result.warn('grid-column-span is not part of final Grid Layout. Use grid-column.', {
-          node: decl
-        });
-        return undefined;
+        result.warn(
+          'grid-column-span is not part of final Grid Layout. Use grid-column.',
+          { node: decl }
+        )
+        return undefined
       } else if (prop === 'display' && value === 'box') {
-        result.warn('You should write display: flex by final spec ' + 'instead of display: box', {
-          node: decl
-        });
-        return undefined;
+        result.warn(
+          'You should write display: flex by final spec ' +
+            'instead of display: box',
+          { node: decl }
+        )
+        return undefined
       } else if (prop === 'text-emphasis-position') {
         if (value === 'under' || value === 'over') {
-          result.warn('You should use 2 values for text-emphasis-position ' + 'For example, `under left` instead of just `under`.', {
-            node: decl
-          });
+          result.warn(
+            'You should use 2 values for text-emphasis-position ' +
+              'For example, `under left` instead of just `under`.',
+            { node: decl }
+          )
         }
-      } else if (/^(align|justify|place)-(items|content)$/.test(prop) && insideFlex(decl)) {
+      } else if (
+        /^(align|justify|place)-(items|content)$/.test(prop) &&
+        insideFlex(decl)
+      ) {
         if (value === 'start' || value === 'end') {
-          result.warn(value + " value has mixed support, consider using " + ("flex-" + value + " instead"), {
-            node: decl
-          });
+          result.warn(
+            `${value} value has mixed support, consider using ` +
+              `flex-${value} instead`,
+            { node: decl }
+          )
         }
       } else if (prop === 'text-decoration-skip' && value === 'ink') {
-        result.warn('Replace text-decoration-skip: ink to ' + 'text-decoration-skip-ink: auto, because spec had been changed', {
-          node: decl
-        });
+        result.warn(
+          'Replace text-decoration-skip: ink to ' +
+            'text-decoration-skip-ink: auto, because spec had been changed',
+          { node: decl }
+        )
       } else {
-        if (gridPrefixes && _this.gridStatus(decl, result)) {
+        if (gridPrefixes && this.gridStatus(decl, result)) {
           if (decl.value === 'subgrid') {
-            result.warn('IE does not support subgrid', {
-              node: decl
-            });
+            result.warn('IE does not support subgrid', { node: decl })
           }
-
           if (/^(align|justify|place)-items$/.test(prop) && insideGrid(decl)) {
-            var fixed = prop.replace('-items', '-self');
-            result.warn("IE does not support " + prop + " on grid containers. " + ("Try using " + fixed + " on child elements instead: ") + (decl.parent.selector + " > * { " + fixed + ": " + decl.value + " }"), {
-              node: decl
-            });
-          } else if (/^(align|justify|place)-content$/.test(prop) && insideGrid(decl)) {
-            result.warn("IE does not support " + decl.prop + " on grid containers", {
+            let fixed = prop.replace('-items', '-self')
+            result.warn(
+              `IE does not support ${prop} on grid containers. ` +
+                `Try using ${fixed} on child elements instead: ` +
+                `${decl.parent.selector} > * { ${fixed}: ${decl.value} }`,
+              { node: decl }
+            )
+          } else if (
+            /^(align|justify|place)-content$/.test(prop) &&
+            insideGrid(decl)
+          ) {
+            result.warn(`IE does not support ${decl.prop} on grid containers`, {
               node: decl
-            });
+            })
           } else if (prop === 'display' && decl.value === 'contents') {
-            result.warn('Please do not use display: contents; ' + 'if you have grid setting enabled', {
-              node: decl
-            });
-            return undefined;
+            result.warn(
+              'Please do not use display: contents; ' +
+                'if you have grid setting enabled',
+              { node: decl }
+            )
+            return undefined
           } else if (decl.prop === 'grid-gap') {
-            var status = _this.gridStatus(decl, result);
-
-            if (status === 'autoplace' && !hasRowsAndColumns(decl) && !hasGridTemplate(decl)) {
-              result.warn('grid-gap only works if grid-template(-areas) is being ' + 'used or both rows and columns have been declared ' + 'and cells have not been manually ' + 'placed inside the explicit grid', {
-                node: decl
-              });
-            } else if ((status === true || status === 'no-autoplace') && !hasGridTemplate(decl)) {
-              result.warn('grid-gap only works if grid-template(-areas) is being used', {
-                node: decl
-              });
+            let status = this.gridStatus(decl, result)
+            if (
+              status === 'autoplace' &&
+              !hasRowsAndColumns(decl) &&
+              !hasGridTemplate(decl)
+            ) {
+              result.warn(
+                'grid-gap only works if grid-template(-areas) is being ' +
+                  'used or both rows and columns have been declared ' +
+                  'and cells have not been manually ' +
+                  'placed inside the explicit grid',
+                { node: decl }
+              )
+            } else if (
+              (status === true || status === 'no-autoplace') &&
+              !hasGridTemplate(decl)
+            ) {
+              result.warn(
+                'grid-gap only works if grid-template(-areas) is being used',
+                { node: decl }
+              )
             }
           } else if (prop === 'grid-auto-columns') {
             result.warn('grid-auto-columns is not supported by IE', {
               node: decl
-            });
-            return undefined;
+            })
+            return undefined
           } else if (prop === 'grid-auto-rows') {
-            result.warn('grid-auto-rows is not supported by IE', {
-              node: decl
-            });
-            return undefined;
+            result.warn('grid-auto-rows is not supported by IE', { node: decl })
+            return undefined
           } else if (prop === 'grid-auto-flow') {
-            var hasRows = parent.some(function (i) {
-              return i.prop === 'grid-template-rows';
-            });
-            var hasCols = parent.some(function (i) {
-              return i.prop === 'grid-template-columns';
-            });
+            let hasRows = parent.some(i => i.prop === 'grid-template-rows')
+            let hasCols = parent.some(i => i.prop === 'grid-template-columns')
 
             if (hasGridTemplate(decl)) {
               result.warn('grid-auto-flow is not supported by IE', {
                 node: decl
-              });
+              })
             } else if (value.includes('dense')) {
               result.warn('grid-auto-flow: dense is not supported by IE', {
                 node: decl
-              });
+              })
             } else if (!hasRows && !hasCols) {
-              result.warn('grid-auto-flow works only if grid-template-rows and ' + 'grid-template-columns are present in the same rule', {
-                node: decl
-              });
+              result.warn(
+                'grid-auto-flow works only if grid-template-rows and ' +
+                  'grid-template-columns are present in the same rule',
+                { node: decl }
+              )
             }
-
-            return undefined;
+            return undefined
           } else if (value.includes('auto-fit')) {
             result.warn('auto-fit value is not supported by IE', {
               node: decl,
               word: 'auto-fit'
-            });
-            return undefined;
+            })
+            return undefined
           } else if (value.includes('auto-fill')) {
             result.warn('auto-fill value is not supported by IE', {
               node: decl,
               word: 'auto-fill'
-            });
-            return undefined;
+            })
+            return undefined
           } else if (prop.startsWith('grid-template') && value.includes('[')) {
-            result.warn('Autoprefixer currently does not support line names. ' + 'Try using grid-template-areas instead.', {
-              node: decl,
-              word: '['
-            });
+            result.warn(
+              'Autoprefixer currently does not support line names. ' +
+                'Try using grid-template-areas instead.',
+              { node: decl, word: '[' }
+            )
           }
         }
-
         if (value.includes('radial-gradient')) {
           if (OLD_RADIAL.test(decl.value)) {
-            result.warn('Gradient has outdated direction syntax. ' + 'New syntax is like `closest-side at 0 0` ' + 'instead of `0 0, closest-side`.', {
-              node: decl
-            });
+            result.warn(
+              'Gradient has outdated direction syntax. ' +
+                'New syntax is like `closest-side at 0 0` ' +
+                'instead of `0 0, closest-side`.',
+              { node: decl }
+            )
           } else {
-            var ast = parser(value);
-
-            for (var _iterator = _createForOfIteratorHelperLoose(ast.nodes), _step; !(_step = _iterator()).done;) {
-              var i = _step.value;
+            let ast = parser(value)
 
+            for (let i of ast.nodes) {
               if (i.type === 'function' && i.value === 'radial-gradient') {
-                for (var _iterator2 = _createForOfIteratorHelperLoose(i.nodes), _step2; !(_step2 = _iterator2()).done;) {
-                  var word = _step2.value;
-
+                for (let word of i.nodes) {
                   if (word.type === 'word') {
                     if (word.value === 'cover') {
-                      result.warn('Gradient has outdated direction syntax. ' + 'Replace `cover` to `farthest-corner`.', {
-                        node: decl
-                      });
+                      result.warn(
+                        'Gradient has outdated direction syntax. ' +
+                          'Replace `cover` to `farthest-corner`.',
+                        { node: decl }
+                      )
                     } else if (word.value === 'contain') {
-                      result.warn('Gradient has outdated direction syntax. ' + 'Replace `contain` to `closest-side`.', {
-                        node: decl
-                      });
+                      result.warn(
+                        'Gradient has outdated direction syntax. ' +
+                          'Replace `contain` to `closest-side`.',
+                        { node: decl }
+                      )
                     }
                   }
                 }
@@ -254,12 +288,13 @@ var Processor = /*#__PURE__*/function () {
             }
           }
         }
-
         if (value.includes('linear-gradient')) {
           if (OLD_LINEAR.test(value)) {
-            result.warn('Gradient has outdated direction syntax. ' + 'New syntax is like `to left` instead of `right`.', {
-              node: decl
-            });
+            result.warn(
+              'Gradient has outdated direction syntax. ' +
+                'New syntax is like `to left` instead of `right`.',
+              { node: decl }
+            )
           }
         }
       }
@@ -267,437 +302,406 @@ var Processor = /*#__PURE__*/function () {
       if (SIZES.includes(decl.prop)) {
         if (!decl.value.includes('-fill-available')) {
           if (decl.value.includes('fill-available')) {
-            result.warn('Replace fill-available to stretch, ' + 'because spec had been changed', {
-              node: decl
-            });
+            result.warn(
+              'Replace fill-available to stretch, ' +
+                'because spec had been changed',
+              { node: decl }
+            )
           } else if (decl.value.includes('fill')) {
-            var _ast = parser(value);
-
-            if (_ast.nodes.some(function (i) {
-              return i.type === 'word' && i.value === 'fill';
-            })) {
-              result.warn('Replace fill to stretch, because spec had been changed', {
-                node: decl
-              });
+            let ast = parser(value)
+            if (ast.nodes.some(i => i.type === 'word' && i.value === 'fill')) {
+              result.warn(
+                'Replace fill to stretch, because spec had been changed',
+                { node: decl }
+              )
             }
           }
         }
       }
 
-      var prefixer;
+      let prefixer
 
       if (decl.prop === 'transition' || decl.prop === 'transition-property') {
         // Transition
-        return _this.prefixes.transition.add(decl, result);
+        return this.prefixes.transition.add(decl, result)
       } else if (decl.prop === 'align-self') {
         // align-self flexbox or grid
-        var display = _this.displayType(decl);
-
-        if (display !== 'grid' && _this.prefixes.options.flexbox !== false) {
-          prefixer = _this.prefixes.add['align-self'];
-
+        let display = this.displayType(decl)
+        if (display !== 'grid' && this.prefixes.options.flexbox !== false) {
+          prefixer = this.prefixes.add['align-self']
           if (prefixer && prefixer.prefixes) {
-            prefixer.process(decl);
+            prefixer.process(decl)
           }
         }
-
-        if (_this.gridStatus(decl, result) !== false) {
-          prefixer = _this.prefixes.add['grid-row-align'];
-
+        if (this.gridStatus(decl, result) !== false) {
+          prefixer = this.prefixes.add['grid-row-align']
           if (prefixer && prefixer.prefixes) {
-            return prefixer.process(decl, result);
+            return prefixer.process(decl, result)
           }
         }
       } else if (decl.prop === 'justify-self') {
         // justify-self flexbox or grid
-        if (_this.gridStatus(decl, result) !== false) {
-          prefixer = _this.prefixes.add['grid-column-align'];
-
+        if (this.gridStatus(decl, result) !== false) {
+          prefixer = this.prefixes.add['grid-column-align']
           if (prefixer && prefixer.prefixes) {
-            return prefixer.process(decl, result);
+            return prefixer.process(decl, result)
           }
         }
       } else if (decl.prop === 'place-self') {
-        prefixer = _this.prefixes.add['place-self'];
-
-        if (prefixer && prefixer.prefixes && _this.gridStatus(decl, result) !== false) {
-          return prefixer.process(decl, result);
+        prefixer = this.prefixes.add['place-self']
+        if (
+          prefixer &&
+          prefixer.prefixes &&
+          this.gridStatus(decl, result) !== false
+        ) {
+          return prefixer.process(decl, result)
         }
       } else {
         // Properties
-        prefixer = _this.prefixes.add[decl.prop];
-
+        prefixer = this.prefixes.add[decl.prop]
         if (prefixer && prefixer.prefixes) {
-          return prefixer.process(decl, result);
+          return prefixer.process(decl, result)
         }
       }
 
-      return undefined;
-    }); // Insert grid-area prefixes. We need to be able to store the different
-    // rules as a data and hack API is not enough for this
+      return undefined
+    })
 
+    // Insert grid-area prefixes. We need to be able to store the different
+    // rules as a data and hack API is not enough for this
     if (this.gridStatus(css, result)) {
-      insertAreas(css, this.disabled);
-    } // Values
-
-
-    return css.walkDecls(function (decl) {
-      if (_this.disabledValue(decl, result)) return;
-
-      var unprefixed = _this.prefixes.unprefixed(decl.prop);
+      insertAreas(css, this.disabled)
+    }
 
-      var list = _this.prefixes.values('add', unprefixed);
+    // Values
+    return css.walkDecls(decl => {
+      if (this.disabledValue(decl, result)) return
 
+      let unprefixed = this.prefixes.unprefixed(decl.prop)
+      let list = this.prefixes.values('add', unprefixed)
       if (Array.isArray(list)) {
-        for (var _iterator3 = _createForOfIteratorHelperLoose(list), _step3; !(_step3 = _iterator3()).done;) {
-          var value = _step3.value;
-          if (value.process) value.process(decl, result);
+        for (let value of list) {
+          if (value.process) value.process(decl, result)
         }
       }
-
-      Value.save(_this.prefixes, decl);
-    });
+      Value.save(this.prefixes, decl)
+    })
   }
+
   /**
    * Remove unnecessary pefixes
    */
-  ;
-
-  _proto.remove = function remove(css, result) {
-    var _this2 = this;
-
+  remove (css, result) {
     // At-rules
-    var resolution = this.prefixes.remove['@resolution'];
-    css.walkAtRules(function (rule, i) {
-      if (_this2.prefixes.remove["@" + rule.name]) {
-        if (!_this2.disabled(rule, result)) {
-          rule.parent.removeChild(i);
+    let resolution = this.prefixes.remove['@resolution']
+
+    css.walkAtRules((rule, i) => {
+      if (this.prefixes.remove[`@${rule.name}`]) {
+        if (!this.disabled(rule, result)) {
+          rule.parent.removeChild(i)
         }
-      } else if (rule.name === 'media' && rule.params.includes('-resolution') && resolution) {
-        resolution.clean(rule);
+      } else if (
+        rule.name === 'media' &&
+        rule.params.includes('-resolution') &&
+        resolution
+      ) {
+        resolution.clean(rule)
       }
-    }); // Selectors
+    })
 
-    var _loop = function _loop() {
-      var checker = _step4.value;
-      css.walkRules(function (rule, i) {
+    // Selectors
+    for (let checker of this.prefixes.remove.selectors) {
+      css.walkRules((rule, i) => {
         if (checker.check(rule)) {
-          if (!_this2.disabled(rule, result)) {
-            rule.parent.removeChild(i);
+          if (!this.disabled(rule, result)) {
+            rule.parent.removeChild(i)
           }
         }
-      });
-    };
-
-    for (var _iterator4 = _createForOfIteratorHelperLoose(this.prefixes.remove.selectors), _step4; !(_step4 = _iterator4()).done;) {
-      _loop();
+      })
     }
 
-    return css.walkDecls(function (decl, i) {
-      if (_this2.disabled(decl, result)) return;
-      var rule = decl.parent;
-
-      var unprefixed = _this2.prefixes.unprefixed(decl.prop); // Transition
+    return css.walkDecls((decl, i) => {
+      if (this.disabled(decl, result)) return
 
+      let rule = decl.parent
+      let unprefixed = this.prefixes.unprefixed(decl.prop)
 
+      // Transition
       if (decl.prop === 'transition' || decl.prop === 'transition-property') {
-        _this2.prefixes.transition.remove(decl);
-      } // Properties
-
+        this.prefixes.transition.remove(decl)
+      }
 
-      if (_this2.prefixes.remove[decl.prop] && _this2.prefixes.remove[decl.prop].remove) {
-        var notHack = _this2.prefixes.group(decl).down(function (other) {
-          return _this2.prefixes.normalize(other.prop) === unprefixed;
-        });
+      // Properties
+      if (
+        this.prefixes.remove[decl.prop] &&
+        this.prefixes.remove[decl.prop].remove
+      ) {
+        let notHack = this.prefixes.group(decl).down(other => {
+          return this.prefixes.normalize(other.prop) === unprefixed
+        })
 
         if (unprefixed === 'flex-flow') {
-          notHack = true;
+          notHack = true
         }
 
         if (decl.prop === '-webkit-box-orient') {
-          var hacks = {
-            'flex-direction': true,
-            'flex-flow': true
-          };
-          if (!decl.parent.some(function (j) {
-            return hacks[j.prop];
-          })) return;
+          let hacks = { 'flex-direction': true, 'flex-flow': true }
+          if (!decl.parent.some(j => hacks[j.prop])) return
         }
 
-        if (notHack && !_this2.withHackValue(decl)) {
+        if (notHack && !this.withHackValue(decl)) {
           if (decl.raw('before').includes('\n')) {
-            _this2.reduceSpaces(decl);
+            this.reduceSpaces(decl)
           }
-
-          rule.removeChild(i);
-          return;
+          rule.removeChild(i)
+          return
         }
-      } // Values
-
+      }
 
-      for (var _iterator5 = _createForOfIteratorHelperLoose(_this2.prefixes.values('remove', unprefixed)), _step5; !(_step5 = _iterator5()).done;) {
-        var checker = _step5.value;
-        if (!checker.check) continue;
-        if (!checker.check(decl.value)) continue;
-        unprefixed = checker.unprefixed;
+      // Values
+      for (let checker of this.prefixes.values('remove', unprefixed)) {
+        if (!checker.check) continue
+        if (!checker.check(decl.value)) continue
 
-        var _notHack = _this2.prefixes.group(decl).down(function (other) {
-          return other.value.includes(unprefixed);
-        });
+        unprefixed = checker.unprefixed
+        let notHack = this.prefixes.group(decl).down(other => {
+          return other.value.includes(unprefixed)
+        })
 
-        if (_notHack) {
-          rule.removeChild(i);
-          return;
+        if (notHack) {
+          rule.removeChild(i)
+          return
         }
       }
-    });
+    })
   }
+
   /**
    * Some rare old values, which is not in standard
    */
-  ;
-
-  _proto.withHackValue = function withHackValue(decl) {
-    return decl.prop === '-webkit-background-clip' && decl.value === 'text';
+  withHackValue (decl) {
+    return decl.prop === '-webkit-background-clip' && decl.value === 'text'
   }
+
   /**
    * Check for grid/flexbox options.
    */
-  ;
-
-  _proto.disabledValue = function disabledValue(node, result) {
+  disabledValue (node, result) {
     if (this.gridStatus(node, result) === false && node.type === 'decl') {
       if (node.prop === 'display' && node.value.includes('grid')) {
-        return true;
+        return true
       }
     }
-
     if (this.prefixes.options.flexbox === false && node.type === 'decl') {
       if (node.prop === 'display' && node.value.includes('flex')) {
-        return true;
+        return true
       }
     }
 
-    return this.disabled(node, result);
+    return this.disabled(node, result)
   }
+
   /**
    * Check for grid/flexbox options.
    */
-  ;
-
-  _proto.disabledDecl = function disabledDecl(node, result) {
+  disabledDecl (node, result) {
     if (this.gridStatus(node, result) === false && node.type === 'decl') {
       if (node.prop.includes('grid') || node.prop === 'justify-items') {
-        return true;
+        return true
       }
     }
-
     if (this.prefixes.options.flexbox === false && node.type === 'decl') {
-      var other = ['order', 'justify-content', 'align-items', 'align-content'];
-
+      let other = ['order', 'justify-content', 'align-items', 'align-content']
       if (node.prop.includes('flex') || other.includes(node.prop)) {
-        return true;
+        return true
       }
     }
 
-    return this.disabled(node, result);
+    return this.disabled(node, result)
   }
+
   /**
    * Check for control comment and global options
    */
-  ;
-
-  _proto.disabled = function disabled(node, result) {
-    if (!node) return false;
+  disabled (node, result) {
+    if (!node) return false
 
     if (node._autoprefixerDisabled !== undefined) {
-      return node._autoprefixerDisabled;
+      return node._autoprefixerDisabled
     }
 
     if (node.parent) {
-      var p = node.prev();
-
+      let p = node.prev()
       if (p && p.type === 'comment' && IGNORE_NEXT.test(p.text)) {
-        node._autoprefixerDisabled = true;
-        node._autoprefixerSelfDisabled = true;
-        return true;
+        node._autoprefixerDisabled = true
+        node._autoprefixerSelfDisabled = true
+        return true
       }
     }
 
-    var value = null;
-
+    let value = null
     if (node.nodes) {
-      var status;
-      node.each(function (i) {
-        if (i.type !== 'comment') return;
-
+      let status
+      node.each(i => {
+        if (i.type !== 'comment') return
         if (/(!\s*)?autoprefixer:\s*(off|on)/i.test(i.text)) {
           if (typeof status !== 'undefined') {
-            result.warn('Second Autoprefixer control comment ' + 'was ignored. Autoprefixer applies control ' + 'comment to whole block, not to next rules.', {
-              node: i
-            });
+            result.warn(
+              'Second Autoprefixer control comment ' +
+                'was ignored. Autoprefixer applies control ' +
+                'comment to whole block, not to next rules.',
+              { node: i }
+            )
           } else {
-            status = /on/i.test(i.text);
+            status = /on/i.test(i.text)
           }
         }
-      });
+      })
 
       if (status !== undefined) {
-        value = !status;
+        value = !status
       }
     }
-
     if (!node.nodes || value === null) {
       if (node.parent) {
-        var isParentDisabled = this.disabled(node.parent, result);
-
+        let isParentDisabled = this.disabled(node.parent, result)
         if (node.parent._autoprefixerSelfDisabled === true) {
-          value = false;
+          value = false
         } else {
-          value = isParentDisabled;
+          value = isParentDisabled
         }
       } else {
-        value = false;
+        value = false
       }
     }
-
-    node._autoprefixerDisabled = value;
-    return value;
+    node._autoprefixerDisabled = value
+    return value
   }
+
   /**
    * Normalize spaces in cascade declaration group
    */
-  ;
-
-  _proto.reduceSpaces = function reduceSpaces(decl) {
-    var stop = false;
-    this.prefixes.group(decl).up(function () {
-      stop = true;
-      return true;
-    });
-
+  reduceSpaces (decl) {
+    let stop = false
+    this.prefixes.group(decl).up(() => {
+      stop = true
+      return true
+    })
     if (stop) {
-      return;
+      return
     }
 
-    var parts = decl.raw('before').split('\n');
-    var prevMin = parts[parts.length - 1].length;
-    var diff = false;
-    this.prefixes.group(decl).down(function (other) {
-      parts = other.raw('before').split('\n');
-      var last = parts.length - 1;
+    let parts = decl.raw('before').split('\n')
+    let prevMin = parts[parts.length - 1].length
+    let diff = false
+
+    this.prefixes.group(decl).down(other => {
+      parts = other.raw('before').split('\n')
+      let last = parts.length - 1
 
       if (parts[last].length > prevMin) {
         if (diff === false) {
-          diff = parts[last].length - prevMin;
+          diff = parts[last].length - prevMin
         }
 
-        parts[last] = parts[last].slice(0, -diff);
-        other.raws.before = parts.join('\n');
+        parts[last] = parts[last].slice(0, -diff)
+        other.raws.before = parts.join('\n')
       }
-    });
+    })
   }
+
   /**
    * Is it flebox or grid rule
    */
-  ;
-
-  _proto.displayType = function displayType(decl) {
-    for (var _iterator6 = _createForOfIteratorHelperLoose(decl.parent.nodes), _step6; !(_step6 = _iterator6()).done;) {
-      var i = _step6.value;
-
+  displayType (decl) {
+    for (let i of decl.parent.nodes) {
       if (i.prop !== 'display') {
-        continue;
+        continue
       }
 
       if (i.value.includes('flex')) {
-        return 'flex';
+        return 'flex'
       }
 
       if (i.value.includes('grid')) {
-        return 'grid';
+        return 'grid'
       }
     }
 
-    return false;
+    return false
   }
+
   /**
    * Set grid option via control comment
    */
-  ;
-
-  _proto.gridStatus = function gridStatus(node, result) {
-    if (!node) return false;
+  gridStatus (node, result) {
+    if (!node) return false
 
     if (node._autoprefixerGridStatus !== undefined) {
-      return node._autoprefixerGridStatus;
+      return node._autoprefixerGridStatus
     }
 
-    var value = null;
-
+    let value = null
     if (node.nodes) {
-      var status;
-      node.each(function (i) {
-        if (i.type !== 'comment') return;
-
+      let status
+      node.each(i => {
+        if (i.type !== 'comment') return
         if (GRID_REGEX.test(i.text)) {
-          var hasAutoplace = /:\s*autoplace/i.test(i.text);
-          var noAutoplace = /no-autoplace/i.test(i.text);
-
+          let hasAutoplace = /:\s*autoplace/i.test(i.text)
+          let noAutoplace = /no-autoplace/i.test(i.text)
           if (typeof status !== 'undefined') {
-            result.warn('Second Autoprefixer grid control comment was ' + 'ignored. Autoprefixer applies control comments to the whole ' + 'block, not to the next rules.', {
-              node: i
-            });
+            result.warn(
+              'Second Autoprefixer grid control comment was ' +
+                'ignored. Autoprefixer applies control comments to the whole ' +
+                'block, not to the next rules.',
+              { node: i }
+            )
           } else if (hasAutoplace) {
-            status = 'autoplace';
+            status = 'autoplace'
           } else if (noAutoplace) {
-            status = true;
+            status = true
           } else {
-            status = /on/i.test(i.text);
+            status = /on/i.test(i.text)
           }
         }
-      });
+      })
 
       if (status !== undefined) {
-        value = status;
+        value = status
       }
     }
 
     if (node.type === 'atrule' && node.name === 'supports') {
-      var params = node.params;
-
+      let params = node.params
       if (params.includes('grid') && params.includes('auto')) {
-        value = false;
+        value = false
       }
     }
 
     if (!node.nodes || value === null) {
       if (node.parent) {
-        var isParentGrid = this.gridStatus(node.parent, result);
-
+        let isParentGrid = this.gridStatus(node.parent, result)
         if (node.parent._autoprefixerSelfDisabled === true) {
-          value = false;
+          value = false
         } else {
-          value = isParentGrid;
+          value = isParentGrid
         }
       } else if (typeof this.prefixes.options.grid !== 'undefined') {
-        value = this.prefixes.options.grid;
+        value = this.prefixes.options.grid
       } else if (typeof process.env.AUTOPREFIXER_GRID !== 'undefined') {
         if (process.env.AUTOPREFIXER_GRID === 'autoplace') {
-          value = 'autoplace';
+          value = 'autoplace'
         } else {
-          value = true;
+          value = true
         }
       } else {
-        value = false;
+        value = false
       }
     }
 
-    node._autoprefixerGridStatus = value;
-    return value;
-  };
-
-  return Processor;
-}();
+    node._autoprefixerGridStatus = value
+    return value
+  }
+}
 
-module.exports = Processor;
+module.exports = Processor