autoprefixer 10.2.4 → 10.3.1

package/lib/info.js

@@ -1,6 +1,6 @@
 let browserslist = require('browserslist')
 
-function capitalize (str) {
+function capitalize(str) {
   return str.slice(0, 1).toUpperCase() + str.slice(1)
 }
 
@@ -19,7 +19,7 @@ const NAMES = {
   samsung: 'Samsung Internet'
 }
 
-function prefix (name, prefixes, note) {
+function prefix(name, prefixes, note) {
   let out = `  ${name}`
   if (note) out += ' *'
   out += ': '

package/lib/old-selector.js

@@ -1,5 +1,5 @@
 class OldSelector {
-  constructor (selector, prefix) {
+  constructor(selector, prefix) {
     this.prefix = prefix
     this.prefixed = selector.prefixed(this.prefix)
     this.regexp = selector.regexp(this.prefix)
@@ -15,7 +15,7 @@ class OldSelector {
   /**
    * Is rule a hack without unprefixed version bottom
    */
-  isHack (rule) {
+  isHack(rule) {
     let index = rule.parent.index(rule) + 1
     let rules = rule.parent.nodes
 
@@ -50,7 +50,7 @@ class OldSelector {
   /**
    * Does rule contain an unnecessary prefixed selector
    */
-  check (rule) {
+  check(rule) {
     if (!rule.selector.includes(this.prefixed)) {
       return false
     }

package/lib/old-value.js

@@ -1,7 +1,7 @@
 let utils = require('./utils')
 
 class OldValue {
-  constructor (unprefixed, prefixed, string, regexp) {
+  constructor(unprefixed, prefixed, string, regexp) {
     this.unprefixed = unprefixed
     this.prefixed = prefixed
     this.string = string || prefixed
@@ -11,7 +11,7 @@ class OldValue {
   /**
    * Check, that value contain old value
    */
-  check (value) {
+  check(value) {
     if (value.includes(this.string)) {
       return !!value.match(this.regexp)
     }

package/lib/prefixer.js

@@ -5,7 +5,7 @@ let utils = require('./utils')
 /**
  * Recursively clone objects
  */
-function clone (obj, parent) {
+function clone(obj, parent) {
   let cloned = new obj.constructor()
 
   for (let i of Object.keys(obj || {})) {
@@ -37,7 +37,7 @@ class Prefixer {
   /**
    * Add hack to selected names
    */
-  static hack (klass) {
+  static hack(klass) {
     if (!this.hacks) {
       this.hacks = {}
     }
@@ -50,7 +50,7 @@ class Prefixer {
   /**
    * Load hacks for some names
    */
-  static load (name, prefixes, all) {
+  static load(name, prefixes, all) {
     let Klass = this.hacks && this.hacks[name]
     if (Klass) {
       return new Klass(name, prefixes, all)
@@ -62,7 +62,7 @@ class Prefixer {
   /**
    * Clone node and clean autprefixer custom caches
    */
-  static clone (node, overrides) {
+  static clone(node, overrides) {
     let cloned = clone(node)
     for (let name in overrides) {
       cloned[name] = overrides[name]
@@ -70,7 +70,7 @@ class Prefixer {
     return cloned
   }
 
-  constructor (name, prefixes, all) {
+  constructor(name, prefixes, all) {
     this.prefixes = prefixes
     this.name = name
     this.all = all
@@ -79,7 +79,7 @@ class Prefixer {
   /**
    * Find prefix in node parents
    */
-  parentPrefix (node) {
+  parentPrefix(node) {
     let prefix
 
     if (typeof node._autoprefixerPrefix !== 'undefined') {
@@ -112,7 +112,7 @@ class Prefixer {
   /**
    * Clone node with prefixes
    */
-  process (node, result) {
+  process(node, result) {
     if (!this.check(node)) {
       return undefined
     }
@@ -136,7 +136,7 @@ class Prefixer {
   /**
    * Shortcut for Prefixer.clone
    */
-  clone (node, overrides) {
+  clone(node, overrides) {
     return Prefixer.clone(node, overrides)
   }
 }

package/lib/prefixes.js

@@ -9,66 +9,124 @@ let Selector = require('./selector')
 let AtRule = require('./at-rule')
 let Value = require('./value')
 let utils = require('./utils')
-Selector.hack(require('./hacks/fullscreen'))
-Selector.hack(require('./hacks/placeholder'))
-Selector.hack(require('./hacks/placeholder-shown'))
-Declaration.hack(require('./hacks/flex'))
-Declaration.hack(require('./hacks/order'))
-Declaration.hack(require('./hacks/filter'))
-Declaration.hack(require('./hacks/grid-end'))
-Declaration.hack(require('./hacks/animation'))
-Declaration.hack(require('./hacks/flex-flow'))
-Declaration.hack(require('./hacks/flex-grow'))
-Declaration.hack(require('./hacks/flex-wrap'))
-Declaration.hack(require('./hacks/grid-area'))
-Declaration.hack(require('./hacks/place-self'))
-Declaration.hack(require('./hacks/grid-start'))
-Declaration.hack(require('./hacks/align-self'))
-Declaration.hack(require('./hacks/appearance'))
-Declaration.hack(require('./hacks/flex-basis'))
-Declaration.hack(require('./hacks/mask-border'))
-Declaration.hack(require('./hacks/mask-composite'))
-Declaration.hack(require('./hacks/align-items'))
-Declaration.hack(require('./hacks/user-select'))
-Declaration.hack(require('./hacks/flex-shrink'))
-Declaration.hack(require('./hacks/break-props'))
-Declaration.hack(require('./hacks/color-adjust'))
-Declaration.hack(require('./hacks/writing-mode'))
-Declaration.hack(require('./hacks/border-image'))
-Declaration.hack(require('./hacks/align-content'))
-Declaration.hack(require('./hacks/border-radius'))
-Declaration.hack(require('./hacks/block-logical'))
-Declaration.hack(require('./hacks/grid-template'))
-Declaration.hack(require('./hacks/inline-logical'))
-Declaration.hack(require('./hacks/grid-row-align'))
-Declaration.hack(require('./hacks/transform-decl'))
-Declaration.hack(require('./hacks/flex-direction'))
-Declaration.hack(require('./hacks/image-rendering'))
-Declaration.hack(require('./hacks/backdrop-filter'))
-Declaration.hack(require('./hacks/background-clip'))
-Declaration.hack(require('./hacks/text-decoration'))
-Declaration.hack(require('./hacks/justify-content'))
-Declaration.hack(require('./hacks/background-size'))
-Declaration.hack(require('./hacks/grid-row-column'))
-Declaration.hack(require('./hacks/grid-rows-columns'))
-Declaration.hack(require('./hacks/grid-column-align'))
-Declaration.hack(require('./hacks/overscroll-behavior'))
-Declaration.hack(require('./hacks/grid-template-areas'))
-Declaration.hack(require('./hacks/text-emphasis-position'))
-Declaration.hack(require('./hacks/text-decoration-skip-ink'))
-Value.hack(require('./hacks/gradient'))
-Value.hack(require('./hacks/intrinsic'))
-Value.hack(require('./hacks/pixelated'))
-Value.hack(require('./hacks/image-set'))
-Value.hack(require('./hacks/cross-fade'))
-Value.hack(require('./hacks/display-flex'))
-Value.hack(require('./hacks/display-grid'))
-Value.hack(require('./hacks/filter-value'))
+let hackFullscreen = require('./hacks/fullscreen')
+let hackPlaceholder = require('./hacks/placeholder')
+let hackPlaceholderShown = require('./hacks/placeholder-shown')
+let hackFileSelectorButton = require('./hacks/file-selector-button')
+let hackFlex = require('./hacks/flex')
+let hackOrder = require('./hacks/order')
+let hackFilter = require('./hacks/filter')
+let hackGridEnd = require('./hacks/grid-end')
+let hackAnimation = require('./hacks/animation')
+let hackFlexFlow = require('./hacks/flex-flow')
+let hackFlexGrow = require('./hacks/flex-grow')
+let hackFlexWrap = require('./hacks/flex-wrap')
+let hackGridArea = require('./hacks/grid-area')
+let hackPlaceSelf = require('./hacks/place-self')
+let hackGridStart = require('./hacks/grid-start')
+let hackAlignSelf = require('./hacks/align-self')
+let hackAppearance = require('./hacks/appearance')
+let hackFlexBasis = require('./hacks/flex-basis')
+let hackMaskBorder = require('./hacks/mask-border')
+let hackMaskComposite = require('./hacks/mask-composite')
+let hackAlignItems = require('./hacks/align-items')
+let hackUserSelect = require('./hacks/user-select')
+let hackFlexShrink = require('./hacks/flex-shrink')
+let hackBreakProps = require('./hacks/break-props')
+let hackColorAdjust = require('./hacks/color-adjust')
+let hackWritingMode = require('./hacks/writing-mode')
+let hackBorderImage = require('./hacks/border-image')
+let hackAlignContent = require('./hacks/align-content')
+let hackBorderRadius = require('./hacks/border-radius')
+let hackBlockLogical = require('./hacks/block-logical')
+let hackGridTemplate = require('./hacks/grid-template')
+let hackInlineLogical = require('./hacks/inline-logical')
+let hackGridRowAlign = require('./hacks/grid-row-align')
+let hackTransformDecl = require('./hacks/transform-decl')
+let hackFlexDirection = require('./hacks/flex-direction')
+let hackImageRendering = require('./hacks/image-rendering')
+let hackBackdropFilter = require('./hacks/backdrop-filter')
+let hackBackgroundClip = require('./hacks/background-clip')
+let hackTextDecoration = require('./hacks/text-decoration')
+let hackJustifyContent = require('./hacks/justify-content')
+let hackBackgroundSize = require('./hacks/background-size')
+let hackGridRowColumn = require('./hacks/grid-row-column')
+let hackGridRowsColumns = require('./hacks/grid-rows-columns')
+let hackGridColumnAlign = require('./hacks/grid-column-align')
+let hackOverscrollBehavior = require('./hacks/overscroll-behavior')
+let hackGridTemplateAreas = require('./hacks/grid-template-areas')
+let hackTextEmphasisPosition = require('./hacks/text-emphasis-position')
+let hackTextDecorationSkipInk = require('./hacks/text-decoration-skip-ink')
+let hackGradient = require('./hacks/gradient')
+let hackIntrinsic = require('./hacks/intrinsic')
+let hackPixelated = require('./hacks/pixelated')
+let hackImageSet = require('./hacks/image-set')
+let hackCrossFade = require('./hacks/cross-fade')
+let hackDisplayFlex = require('./hacks/display-flex')
+let hackDisplayGrid = require('./hacks/display-grid')
+let hackFilterValue = require('./hacks/filter-value')
+
+Selector.hack(hackFullscreen)
+Selector.hack(hackPlaceholder)
+Selector.hack(hackPlaceholderShown)
+Selector.hack(hackFileSelectorButton)
+Declaration.hack(hackFlex)
+Declaration.hack(hackOrder)
+Declaration.hack(hackFilter)
+Declaration.hack(hackGridEnd)
+Declaration.hack(hackAnimation)
+Declaration.hack(hackFlexFlow)
+Declaration.hack(hackFlexGrow)
+Declaration.hack(hackFlexWrap)
+Declaration.hack(hackGridArea)
+Declaration.hack(hackPlaceSelf)
+Declaration.hack(hackGridStart)
+Declaration.hack(hackAlignSelf)
+Declaration.hack(hackAppearance)
+Declaration.hack(hackFlexBasis)
+Declaration.hack(hackMaskBorder)
+Declaration.hack(hackMaskComposite)
+Declaration.hack(hackAlignItems)
+Declaration.hack(hackUserSelect)
+Declaration.hack(hackFlexShrink)
+Declaration.hack(hackBreakProps)
+Declaration.hack(hackColorAdjust)
+Declaration.hack(hackWritingMode)
+Declaration.hack(hackBorderImage)
+Declaration.hack(hackAlignContent)
+Declaration.hack(hackBorderRadius)
+Declaration.hack(hackBlockLogical)
+Declaration.hack(hackGridTemplate)
+Declaration.hack(hackInlineLogical)
+Declaration.hack(hackGridRowAlign)
+Declaration.hack(hackTransformDecl)
+Declaration.hack(hackFlexDirection)
+Declaration.hack(hackImageRendering)
+Declaration.hack(hackBackdropFilter)
+Declaration.hack(hackBackgroundClip)
+Declaration.hack(hackTextDecoration)
+Declaration.hack(hackJustifyContent)
+Declaration.hack(hackBackgroundSize)
+Declaration.hack(hackGridRowColumn)
+Declaration.hack(hackGridRowsColumns)
+Declaration.hack(hackGridColumnAlign)
+Declaration.hack(hackOverscrollBehavior)
+Declaration.hack(hackGridTemplateAreas)
+Declaration.hack(hackTextEmphasisPosition)
+Declaration.hack(hackTextDecorationSkipInk)
+Value.hack(hackGradient)
+Value.hack(hackIntrinsic)
+Value.hack(hackPixelated)
+Value.hack(hackImageSet)
+Value.hack(hackCrossFade)
+Value.hack(hackDisplayFlex)
+Value.hack(hackDisplayGrid)
+Value.hack(hackFilterValue)
 
 let declsCache = new Map()
 
 class Prefixes {
-  constructor (data, browsers, options = {}) {
+  constructor(data, browsers, options = {}) {
     this.data = data
     this.browsers = browsers
     this.options = options
@@ -80,7 +138,7 @@ class Prefixes {
   /**
    * Return clone instance to remove all prefixes
    */
-  cleaner () {
+  cleaner() {
     if (this.cleanerCache) {
       return this.cleanerCache
     }
@@ -98,7 +156,7 @@ class Prefixes {
   /**
    * Select prefixes from data, which is necessary for selected browsers
    */
-  select (list) {
+  select(list) {
     let selected = { add: {}, remove: {} }
 
     for (let name in list) {
@@ -155,7 +213,7 @@ class Prefixes {
   /**
    * Sort vendor prefixes
    */
-  sort (prefixes) {
+  sort(prefixes) {
     return prefixes.sort((a, b) => {
       let aLength = utils.removeNote(a).length
       let bLength = utils.removeNote(b).length
@@ -171,7 +229,7 @@ class Prefixes {
   /**
    * Cache prefixes data to fast CSS processing
    */
-  preprocess (selected) {
+  preprocess(selected) {
     let add = {
       'selectors': [],
       '@supports': new Supports(Prefixes, this)
@@ -266,7 +324,7 @@ class Prefixes {
   /**
    * Declaration loader with caching
    */
-  decl (prop) {
+  decl(prop) {
     if (!declsCache.has(prop)) {
       declsCache.set(prop, Declaration.load(prop))
     }
@@ -277,7 +335,7 @@ class Prefixes {
   /**
    * Return unprefixed version of property
    */
-  unprefixed (prop) {
+  unprefixed(prop) {
     let value = this.normalize(vendor.unprefixed(prop))
     if (value === 'flex-direction') {
       value = 'flex-flow'
@@ -288,14 +346,14 @@ class Prefixes {
   /**
    * Normalize prefix for remover
    */
-  normalize (prop) {
+  normalize(prop) {
     return this.decl(prop).normalize(prop)
   }
 
   /**
    * Return prefixed version of property
    */
-  prefixed (prop, prefix) {
+  prefixed(prop, prefix) {
     prop = vendor.unprefixed(prop)
     return this.decl(prop).prefixed(prop, prefix)
   }
@@ -303,7 +361,7 @@ class Prefixes {
   /**
    * Return values, which must be prefixed in selected property
    */
-  values (type, prop) {
+  values(type, prop) {
     let data = this[type]
 
     let global = data['*'] && data['*'].values
@@ -319,7 +377,7 @@ class Prefixes {
   /**
    * Group declaration by unprefixed property to check them
    */
-  group (decl) {
+  group(decl) {
     let rule = decl.parent
     let index = rule.index(decl)
     let { length } = rule.nodes
@@ -355,10 +413,10 @@ class Prefixes {
     }
 
     return {
-      up (callback) {
+      up(callback) {
         return checker(-1, callback)
       },
-      down (callback) {
+      down(callback) {
         return checker(+1, callback)
       }
     }

package/lib/processor.js

@@ -23,27 +23,27 @@ const SIZES = [
   'max-block-size'
 ]
 
-function hasGridTemplate (decl) {
+function hasGridTemplate(decl) {
   return decl.parent.some(
     i => i.prop === 'grid-template' || i.prop === 'grid-template-areas'
   )
 }
 
-function hasRowsAndColumns (decl) {
+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
 }
 
 class Processor {
-  constructor (prefixes) {
+  constructor(prefixes) {
     this.prefixes = prefixes
   }
 
   /**
    * Add necessary prefixes
    */
-  add (css, result) {
+  add(css, result) {
     // At-rules
     let resolution = this.prefixes.add['@resolution']
     let keyframes = this.prefixes.add['@keyframes']
@@ -84,7 +84,7 @@ class Processor {
       })
     })
 
-    function insideGrid (decl) {
+    function insideGrid(decl) {
       return decl.parent.nodes.some(node => {
         if (node.type !== 'decl') return false
         let displayGrid =
@@ -94,7 +94,7 @@ class Processor {
         return displayGrid || gridTemplate || gridGap
       })
     }
-    function insideFlex (decl) {
+    function insideFlex(decl) {
       return decl.parent.some(node => {
         return node.prop === 'display' && /(inline-)?flex/.test(node.value)
       })
@@ -391,7 +391,7 @@ class Processor {
   /**
    * Remove unnecessary pefixes
    */
-  remove (css, result) {
+  remove(css, result) {
     // At-rules
     let resolution = this.prefixes.remove['@resolution']
 
@@ -479,14 +479,14 @@ class Processor {
   /**
    * Some rare old values, which is not in standard
    */
-  withHackValue (decl) {
+  withHackValue(decl) {
     return decl.prop === '-webkit-background-clip' && decl.value === 'text'
   }
 
   /**
    * Check for grid/flexbox options.
    */
-  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
@@ -497,6 +497,9 @@ class Processor {
         return true
       }
     }
+    if (node.type === 'decl' && node.prop === 'content') {
+      return true
+    }
 
     return this.disabled(node, result)
   }
@@ -504,7 +507,7 @@ class Processor {
   /**
    * Check for grid/flexbox options.
    */
-  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
@@ -523,7 +526,7 @@ class Processor {
   /**
    * Check for control comment and global options
    */
-  disabled (node, result) {
+  disabled(node, result) {
     if (!node) return false
 
     if (node._autoprefixerDisabled !== undefined) {
@@ -581,7 +584,7 @@ class Processor {
   /**
    * Normalize spaces in cascade declaration group
    */
-  reduceSpaces (decl) {
+  reduceSpaces(decl) {
     let stop = false
     this.prefixes.group(decl).up(() => {
       stop = true
@@ -613,7 +616,7 @@ class Processor {
   /**
    * Is it flebox or grid rule
    */
-  displayType (decl) {
+  displayType(decl) {
     for (let i of decl.parent.nodes) {
       if (i.prop !== 'display') {
         continue
@@ -634,7 +637,7 @@ class Processor {
   /**
    * Set grid option via control comment
    */
-  gridStatus (node, result) {
+  gridStatus(node, result) {
     if (!node) return false
 
     if (node._autoprefixerGridStatus !== undefined) {

package/lib/resolution.js

@@ -1,4 +1,4 @@
-let Fraction = require('fraction.js')
+let FractionJs = require('fraction.js')
 
 let Prefixer = require('./prefixer')
 let utils = require('./utils')
@@ -10,7 +10,7 @@ class Resolution extends Prefixer {
   /**
    * Return prefixed query name
    */
-  prefixName (prefix, name) {
+  prefixName(prefix, name) {
     if (prefix === '-moz-') {
       return name + '--moz-device-pixel-ratio'
     } else {
@@ -21,8 +21,8 @@ class Resolution extends Prefixer {
   /**
    * Return prefixed query
    */
-  prefixQuery (prefix, name, colon, value, units) {
-    value = new Fraction(value)
+  prefixQuery(prefix, name, colon, value, units) {
+    value = new FractionJs(value)
 
     // 1dpcm = 2.54dpi
     // 1dppx = 96dpi
@@ -42,7 +42,7 @@ class Resolution extends Prefixer {
   /**
    * Remove prefixed queries
    */
-  clean (rule) {
+  clean(rule) {
     if (!this.bad) {
       this.bad = []
       for (let prefix of this.prefixes) {
@@ -59,7 +59,7 @@ class Resolution extends Prefixer {
   /**
    * Add prefixed queries
    */
-  process (rule) {
+  process(rule) {
     let parent = this.parentPrefix(rule)
     let prefixes = parent ? [parent] : this.prefixes
 

package/lib/selector.js

@@ -6,7 +6,7 @@ let Browsers = require('./browsers')
 let utils = require('./utils')
 
 class Selector extends Prefixer {
-  constructor (name, prefixes, all) {
+  constructor(name, prefixes, all) {
     super(name, prefixes, all)
     this.regexpCache = new Map()
   }
@@ -14,7 +14,7 @@ class Selector extends Prefixer {
   /**
    * Is rule selectors need to be prefixed
    */
-  check (rule) {
+  check(rule) {
     if (rule.selector.includes(this.name)) {
       return !!rule.selector.match(this.regexp())
     }
@@ -25,14 +25,14 @@ class Selector extends Prefixer {
   /**
    * Return prefixed version of selector
    */
-  prefixed (prefix) {
+  prefixed(prefix) {
     return this.name.replace(/^(\W*)/, `$1${prefix}`)
   }
 
   /**
    * Lazy loadRegExp for name
    */
-  regexp (prefix) {
+  regexp(prefix) {
     if (!this.regexpCache.has(prefix)) {
       let name = prefix ? this.prefixed(prefix) : this.name
       this.regexpCache.set(
@@ -47,14 +47,14 @@ class Selector extends Prefixer {
   /**
    * All possible prefixes
    */
-  possible () {
+  possible() {
     return Browsers.prefixes()
   }
 
   /**
    * Return all possible selector prefixes
    */
-  prefixeds (rule) {
+  prefixeds(rule) {
     if (rule._autoprefixerPrefixeds) {
       if (rule._autoprefixerPrefixeds[this.name]) {
         return rule._autoprefixerPrefixeds
@@ -86,7 +86,7 @@ class Selector extends Prefixer {
   /**
    * Is rule already prefixed before
    */
-  already (rule, prefixeds, prefix) {
+  already(rule, prefixeds, prefix) {
     let index = rule.parent.index(rule) - 1
 
     while (index >= 0) {
@@ -121,14 +121,14 @@ class Selector extends Prefixer {
   /**
    * Replace selectors by prefixed one
    */
-  replace (selector, prefix) {
+  replace(selector, prefix) {
     return selector.replace(this.regexp(), `$1${this.prefixed(prefix)}`)
   }
 
   /**
    * Clone and add prefixes for at-rule
    */
-  add (rule, prefix) {
+  add(rule, prefix) {
     let prefixeds = this.prefixeds(rule)
 
     if (this.already(rule, prefixeds, prefix)) {
@@ -142,7 +142,7 @@ class Selector extends Prefixer {
   /**
    * Return function to fast find prefixed selector
    */
-  old (prefix) {
+  old(prefix) {
     return new OldSelector(this, prefix)
   }
 }