autoprefixer 10.2.3 → 10.3.0

package/data/prefixes.js

@@ -1,6 +1,6 @@
 let unpack = require('caniuse-lite').feature
 
-function browsersSort (a, b) {
+function browsersSort(a, b) {
   a = a.split(' ')
   b = b.split(' ')
   if (a[0] > b[0]) {
@@ -13,7 +13,7 @@ function browsersSort (a, b) {
 }
 
 // Convert Can I Use data
-function f (data, opts, callback) {
+function f(data, opts, callback) {
   data = unpack(data)
 
   if (!callback) {
@@ -39,13 +39,13 @@ function f (data, opts, callback) {
 // Add data for all properties
 let result = {}
 
-function prefix (names, data) {
+function prefix(names, data) {
   for (let name of names) {
     result[name] = Object.assign({}, data)
   }
 }
 
-function add (names, data) {
+function add(names, data) {
   for (let name of names) {
     result[name].browsers = result[name].browsers
       .concat(data.browsers)
@@ -56,7 +56,9 @@ function add (names, data) {
 module.exports = result
 
 // Border Radius
-f(require('caniuse-lite/data/features/border-radius'), browsers =>
+let prefixBorderRadius = require('caniuse-lite/data/features/border-radius')
+
+f(prefixBorderRadius, browsers =>
   prefix(
     [
       'border-radius',
@@ -74,7 +76,9 @@ f(require('caniuse-lite/data/features/border-radius'), browsers =>
 )
 
 // Box Shadow
-f(require('caniuse-lite/data/features/css-boxshadow'), browsers =>
+let prefixBoxshadow = require('caniuse-lite/data/features/css-boxshadow')
+
+f(prefixBoxshadow, browsers =>
   prefix(['box-shadow'], {
     mistakes: ['-khtml-'],
     feature: 'css-boxshadow',
@@ -83,7 +87,9 @@ f(require('caniuse-lite/data/features/css-boxshadow'), browsers =>
 )
 
 // Animation
-f(require('caniuse-lite/data/features/css-animation'), browsers =>
+let prefixAnimation = require('caniuse-lite/data/features/css-animation')
+
+f(prefixAnimation, browsers =>
   prefix(
     [
       'animation',
@@ -106,7 +112,9 @@ f(require('caniuse-lite/data/features/css-animation'), browsers =>
 )
 
 // Transition
-f(require('caniuse-lite/data/features/css-transitions'), browsers =>
+let prefixTransition = require('caniuse-lite/data/features/css-transitions')
+
+f(prefixTransition, browsers =>
   prefix(
     [
       'transition',
@@ -124,7 +132,9 @@ f(require('caniuse-lite/data/features/css-transitions'), browsers =>
 )
 
 // Transform 2D
-f(require('caniuse-lite/data/features/transforms2d'), browsers =>
+let prefixTransform2d = require('caniuse-lite/data/features/transforms2d')
+
+f(prefixTransform2d, browsers =>
   prefix(['transform', 'transform-origin'], {
     feature: 'transforms2d',
     browsers
@@ -132,9 +142,9 @@ f(require('caniuse-lite/data/features/transforms2d'), browsers =>
 )
 
 // Transform 3D
-let transforms3d = require('caniuse-lite/data/features/transforms3d')
+let prefixTransforms3d = require('caniuse-lite/data/features/transforms3d')
 
-f(transforms3d, browsers => {
+f(prefixTransforms3d, browsers => {
   prefix(['perspective', 'perspective-origin'], {
     feature: 'transforms3d',
     browsers
@@ -146,7 +156,7 @@ f(transforms3d, browsers => {
   })
 })
 
-f(transforms3d, { match: /y\sx|y\s#2/ }, browsers =>
+f(prefixTransforms3d, { match: /y\sx|y\s#2/ }, browsers =>
   prefix(['backface-visibility'], {
     mistakes: ['-ms-', '-o-'],
     feature: 'transforms3d',
@@ -155,9 +165,9 @@ f(transforms3d, { match: /y\sx|y\s#2/ }, browsers =>
 )
 
 // Gradients
-let gradients = require('caniuse-lite/data/features/css-gradients')
+let prefixGradients = require('caniuse-lite/data/features/css-gradients')
 
-f(gradients, { match: /y\sx/ }, browsers =>
+f(prefixGradients, { match: /y\sx/ }, browsers =>
   prefix(
     [
       'linear-gradient',
@@ -183,7 +193,7 @@ f(gradients, { match: /y\sx/ }, browsers =>
   )
 )
 
-f(gradients, { match: /a\sx/ }, browsers => {
+f(prefixGradients, { match: /a\sx/ }, browsers => {
   browsers = browsers.map(i => {
     if (/firefox|op/.test(i)) {
       return i
@@ -206,7 +216,9 @@ f(gradients, { match: /a\sx/ }, browsers => {
 })
 
 // Box sizing
-f(require('caniuse-lite/data/features/css3-boxsizing'), browsers =>
+let prefixBoxsizing = require('caniuse-lite/data/features/css3-boxsizing')
+
+f(prefixBoxsizing, browsers =>
   prefix(['box-sizing'], {
     feature: 'css3-boxsizing',
     browsers
@@ -214,7 +226,9 @@ f(require('caniuse-lite/data/features/css3-boxsizing'), browsers =>
 )
 
 // Filter Effects
-f(require('caniuse-lite/data/features/css-filters'), browsers =>
+let prefixFilters = require('caniuse-lite/data/features/css-filters')
+
+f(prefixFilters, browsers =>
   prefix(['filter'], {
     feature: 'css-filters',
     browsers
@@ -222,7 +236,9 @@ f(require('caniuse-lite/data/features/css-filters'), browsers =>
 )
 
 // filter() function
-f(require('caniuse-lite/data/features/css-filter-function'), browsers =>
+let prefixFilterFunction = require('caniuse-lite/data/features/css-filter-function')
+
+f(prefixFilterFunction, browsers =>
   prefix(['filter-function'], {
     props: [
       'background',
@@ -240,8 +256,9 @@ f(require('caniuse-lite/data/features/css-filter-function'), browsers =>
 )
 
 // Backdrop-filter
-let backdrop = require('caniuse-lite/data/features/css-backdrop-filter')
-f(backdrop, { match: /y\sx|y\s#2/ }, browsers =>
+let prefixBackdrop = require('caniuse-lite/data/features/css-backdrop-filter')
+
+f(prefixBackdrop, { match: /y\sx|y\s#2/ }, browsers =>
   prefix(['backdrop-filter'], {
     feature: 'css-backdrop-filter',
     browsers
@@ -249,7 +266,9 @@ f(backdrop, { match: /y\sx|y\s#2/ }, browsers =>
 )
 
 // element() function
-f(require('caniuse-lite/data/features/css-element-function'), browsers =>
+let prefixElementFunction = require('caniuse-lite/data/features/css-element-function')
+
+f(prefixElementFunction, browsers =>
   prefix(['element'], {
     props: [
       'background',
@@ -267,7 +286,9 @@ f(require('caniuse-lite/data/features/css-element-function'), browsers =>
 )
 
 // Multicolumns
-f(require('caniuse-lite/data/features/multicolumn'), browsers => {
+let prefixMulticolumns = require('caniuse-lite/data/features/multicolumn')
+
+f(prefixMulticolumns, browsers => {
   prefix(
     [
       'columns',
@@ -295,7 +316,9 @@ f(require('caniuse-lite/data/features/multicolumn'), browsers => {
 })
 
 // User select
-f(require('caniuse-lite/data/features/user-select-none'), browsers =>
+let prefixUserSelect = require('caniuse-lite/data/features/user-select-none')
+
+f(prefixUserSelect, browsers =>
   prefix(['user-select'], {
     mistakes: ['-khtml-'],
     feature: 'user-select-none',
@@ -304,8 +327,9 @@ f(require('caniuse-lite/data/features/user-select-none'), browsers =>
 )
 
 // Flexible Box Layout
-let flexbox = require('caniuse-lite/data/features/flexbox')
-f(flexbox, { match: /a\sx/ }, browsers => {
+let prefixFlexbox = require('caniuse-lite/data/features/flexbox')
+
+f(prefixFlexbox, { match: /a\sx/ }, browsers => {
   browsers = browsers.map(i => {
     if (/ie|firefox/.test(i)) {
       return i
@@ -340,7 +364,7 @@ f(flexbox, { match: /a\sx/ }, browsers => {
   )
 })
 
-f(flexbox, { match: /y\sx/ }, browsers => {
+f(prefixFlexbox, { match: /y\sx/ }, browsers => {
   add(['display-flex', 'inline-flex'], {
     feature: 'flexbox',
     browsers
@@ -368,7 +392,9 @@ f(flexbox, { match: /y\sx/ }, browsers => {
 })
 
 // calc() unit
-f(require('caniuse-lite/data/features/calc'), browsers =>
+let prefixCalc = require('caniuse-lite/data/features/calc')
+
+f(prefixCalc, browsers =>
   prefix(['calc'], {
     props: ['*'],
     feature: 'calc',
@@ -377,7 +403,9 @@ f(require('caniuse-lite/data/features/calc'), browsers =>
 )
 
 // Background options
-f(require('caniuse-lite/data/features/background-img-opts'), browsers =>
+let prefixBackgroundOptions = require('caniuse-lite/data/features/background-img-opts')
+
+f(prefixBackgroundOptions, browsers =>
   prefix(['background-origin', 'background-size'], {
     feature: 'background-img-opts',
     browsers
@@ -385,7 +413,9 @@ f(require('caniuse-lite/data/features/background-img-opts'), browsers =>
 )
 
 // background-clip: text
-f(require('caniuse-lite/data/features/background-clip-text'), browsers =>
+let prefixBackgroundClipText = require('caniuse-lite/data/features/background-clip-text')
+
+f(prefixBackgroundClipText, browsers =>
   prefix(['background-clip'], {
     feature: 'background-clip-text',
     browsers
@@ -393,7 +423,9 @@ f(require('caniuse-lite/data/features/background-clip-text'), browsers =>
 )
 
 // Font feature settings
-f(require('caniuse-lite/data/features/font-feature'), browsers =>
+let prefixFontFeature = require('caniuse-lite/data/features/font-feature')
+
+f(prefixFontFeature, browsers =>
   prefix(
     [
       'font-feature-settings',
@@ -408,7 +440,9 @@ f(require('caniuse-lite/data/features/font-feature'), browsers =>
 )
 
 // CSS font-kerning property
-f(require('caniuse-lite/data/features/font-kerning'), browsers =>
+let prefixFontKerning = require('caniuse-lite/data/features/font-kerning')
+
+f(prefixFontKerning, browsers =>
   prefix(['font-kerning'], {
     feature: 'font-kerning',
     browsers
@@ -416,7 +450,9 @@ f(require('caniuse-lite/data/features/font-kerning'), browsers =>
 )
 
 // Border image
-f(require('caniuse-lite/data/features/border-image'), browsers =>
+let prefixBorderImage = require('caniuse-lite/data/features/border-image')
+
+f(prefixBorderImage, browsers =>
   prefix(['border-image'], {
     feature: 'border-image',
     browsers
@@ -424,7 +460,9 @@ f(require('caniuse-lite/data/features/border-image'), browsers =>
 )
 
 // Selection selector
-f(require('caniuse-lite/data/features/css-selection'), browsers =>
+let prefixSelection = require('caniuse-lite/data/features/css-selection')
+
+f(prefixSelection, browsers =>
   prefix(['::selection'], {
     selector: true,
     feature: 'css-selection',
@@ -433,7 +471,9 @@ f(require('caniuse-lite/data/features/css-selection'), browsers =>
 )
 
 // Placeholder selector
-f(require('caniuse-lite/data/features/css-placeholder'), browsers => {
+let prefixPlaceholder = require('caniuse-lite/data/features/css-placeholder')
+
+f(prefixPlaceholder, browsers => {
   prefix(['::placeholder'], {
     selector: true,
     feature: 'css-placeholder',
@@ -442,7 +482,9 @@ f(require('caniuse-lite/data/features/css-placeholder'), browsers => {
 })
 
 // Placeholder-shown selector
-f(require('caniuse-lite/data/features/css-placeholder-shown'), browsers => {
+let prefixPlaceholderShown = require('caniuse-lite/data/features/css-placeholder-shown')
+
+f(prefixPlaceholderShown, browsers => {
   prefix([':placeholder-shown'], {
     selector: true,
     feature: 'css-placeholder-shown',
@@ -451,7 +493,9 @@ f(require('caniuse-lite/data/features/css-placeholder-shown'), browsers => {
 })
 
 // Hyphenation
-f(require('caniuse-lite/data/features/css-hyphens'), browsers =>
+let prefixHyphens = require('caniuse-lite/data/features/css-hyphens')
+
+f(prefixHyphens, browsers =>
   prefix(['hyphens'], {
     feature: 'css-hyphens',
     browsers
@@ -459,9 +503,9 @@ f(require('caniuse-lite/data/features/css-hyphens'), browsers =>
 )
 
 // Fullscreen selector
-let fullscreen = require('caniuse-lite/data/features/fullscreen')
+let prefixFullscreen = require('caniuse-lite/data/features/fullscreen')
 
-f(fullscreen, browsers =>
+f(prefixFullscreen, browsers =>
   prefix([':fullscreen'], {
     selector: true,
     feature: 'fullscreen',
@@ -469,7 +513,7 @@ f(fullscreen, browsers =>
   })
 )
 
-f(fullscreen, { match: /x(\s#2|$)/ }, browsers =>
+f(prefixFullscreen, { match: /x(\s#2|$)/ }, browsers =>
   prefix(['::backdrop'], {
     selector: true,
     feature: 'fullscreen',
@@ -477,8 +521,29 @@ f(fullscreen, { match: /x(\s#2|$)/ }, browsers =>
   })
 )
 
+// File selector button
+prefix(['::file-selector-button'], {
+  selector: true,
+  feature: 'fullscreen',
+  browsers: [
+    'chrome 89',
+    'edge 89',
+    'firefox 82',
+    'opera 75',
+    'safari 14.1',
+    'android 89',
+    'and_chr 89',
+    'op_mob 63',
+    'and_ff 82',
+    'ios_saf 14.5',
+    'samsung 15.0'
+  ]
+})
+
 // Tab size
-f(require('caniuse-lite/data/features/css3-tabsize'), browsers =>
+let prefixTabsize = require('caniuse-lite/data/features/css3-tabsize')
+
+f(prefixTabsize, browsers =>
   prefix(['tab-size'], {
     feature: 'css3-tabsize',
     browsers
@@ -486,7 +551,7 @@ f(require('caniuse-lite/data/features/css3-tabsize'), browsers =>
 )
 
 // Intrinsic & extrinsic sizing
-let intrinsic = require('caniuse-lite/data/features/intrinsic-width')
+let prefixIntrinsic = require('caniuse-lite/data/features/intrinsic-width')
 
 let sizeProps = [
   'width',
@@ -509,7 +574,7 @@ let sizeProps = [
   'grid-auto-rows'
 ]
 
-f(intrinsic, browsers =>
+f(prefixIntrinsic, browsers =>
   prefix(['max-content', 'min-content'], {
     props: sizeProps,
     feature: 'intrinsic-width',
@@ -517,7 +582,7 @@ f(intrinsic, browsers =>
   })
 )
 
-f(intrinsic, { match: /x|\s#4/ }, browsers =>
+f(prefixIntrinsic, { match: /x|\s#4/ }, browsers =>
   prefix(['fill', 'fill-available', 'stretch'], {
     props: sizeProps,
     feature: 'intrinsic-width',
@@ -525,7 +590,7 @@ f(intrinsic, { match: /x|\s#4/ }, browsers =>
   })
 )
 
-f(intrinsic, { match: /x|\s#5/ }, browsers =>
+f(prefixIntrinsic, { match: /x|\s#5/ }, browsers =>
   prefix(['fit-content'], {
     props: sizeProps,
     feature: 'intrinsic-width',
@@ -534,7 +599,9 @@ f(intrinsic, { match: /x|\s#5/ }, browsers =>
 )
 
 // Zoom cursors
-f(require('caniuse-lite/data/features/css3-cursors-newer'), browsers =>
+let prefixCursorsNewer = require('caniuse-lite/data/features/css3-cursors-newer')
+
+f(prefixCursorsNewer, browsers =>
   prefix(['zoom-in', 'zoom-out'], {
     props: ['cursor'],
     feature: 'css3-cursors-newer',
@@ -543,7 +610,9 @@ f(require('caniuse-lite/data/features/css3-cursors-newer'), browsers =>
 )
 
 // Grab cursors
-f(require('caniuse-lite/data/features/css3-cursors-grab'), browsers =>
+let prefixCursorsGrab = require('caniuse-lite/data/features/css3-cursors-grab')
+
+f(prefixCursorsGrab, browsers =>
   prefix(['grab', 'grabbing'], {
     props: ['cursor'],
     feature: 'css3-cursors-grab',
@@ -552,7 +621,9 @@ f(require('caniuse-lite/data/features/css3-cursors-grab'), browsers =>
 )
 
 // Sticky position
-f(require('caniuse-lite/data/features/css-sticky'), browsers =>
+let prefixSticky = require('caniuse-lite/data/features/css-sticky')
+
+f(prefixSticky, browsers =>
   prefix(['sticky'], {
     props: ['position'],
     feature: 'css-sticky',
@@ -561,7 +632,9 @@ f(require('caniuse-lite/data/features/css-sticky'), browsers =>
 )
 
 // Pointer Events
-f(require('caniuse-lite/data/features/pointer'), browsers =>
+let prefixPointer = require('caniuse-lite/data/features/pointer')
+
+f(prefixPointer, browsers =>
   prefix(['touch-action'], {
     feature: 'pointer',
     browsers
@@ -569,9 +642,9 @@ f(require('caniuse-lite/data/features/pointer'), browsers =>
 )
 
 // Text decoration
-let decoration = require('caniuse-lite/data/features/text-decoration')
+let prefixDecoration = require('caniuse-lite/data/features/text-decoration')
 
-f(decoration, browsers =>
+f(prefixDecoration, browsers =>
   prefix(
     [
       'text-decoration-style',
@@ -586,7 +659,7 @@ f(decoration, browsers =>
   )
 )
 
-f(decoration, { match: /x.*#[235]/ }, browsers =>
+f(prefixDecoration, { match: /x.*#[235]/ }, browsers =>
   prefix(['text-decoration-skip', 'text-decoration-skip-ink'], {
     feature: 'text-decoration',
     browsers
@@ -594,7 +667,9 @@ f(decoration, { match: /x.*#[235]/ }, browsers =>
 )
 
 // Text Size Adjust
-f(require('caniuse-lite/data/features/text-size-adjust'), browsers =>
+let prefixTextSizeAdjust = require('caniuse-lite/data/features/text-size-adjust')
+
+f(prefixTextSizeAdjust, browsers =>
   prefix(['text-size-adjust'], {
     feature: 'text-size-adjust',
     browsers
@@ -602,7 +677,9 @@ f(require('caniuse-lite/data/features/text-size-adjust'), browsers =>
 )
 
 // CSS Masks
-f(require('caniuse-lite/data/features/css-masks'), browsers => {
+let prefixCssMasks = require('caniuse-lite/data/features/css-masks')
+
+f(prefixCssMasks, browsers => {
   prefix(
     [
       'mask-clip',
@@ -636,7 +713,9 @@ f(require('caniuse-lite/data/features/css-masks'), browsers => {
 })
 
 // CSS clip-path property
-f(require('caniuse-lite/data/features/css-clip-path'), browsers =>
+let prefixClipPath = require('caniuse-lite/data/features/css-clip-path')
+
+f(prefixClipPath, browsers =>
   prefix(['clip-path'], {
     feature: 'css-clip-path',
     browsers
@@ -644,7 +723,9 @@ f(require('caniuse-lite/data/features/css-clip-path'), browsers =>
 )
 
 // Fragmented Borders and Backgrounds
-f(require('caniuse-lite/data/features/css-boxdecorationbreak'), browsers =>
+let prefixBoxdecoration = require('caniuse-lite/data/features/css-boxdecorationbreak')
+
+f(prefixBoxdecoration, browsers =>
   prefix(['box-decoration-break'], {
     feature: 'css-boxdecorationbreak',
     browsers
@@ -652,7 +733,9 @@ f(require('caniuse-lite/data/features/css-boxdecorationbreak'), browsers =>
 )
 
 // CSS3 object-fit/object-position
-f(require('caniuse-lite/data/features/object-fit'), browsers =>
+let prefixObjectFit = require('caniuse-lite/data/features/object-fit')
+
+f(prefixObjectFit, browsers =>
   prefix(['object-fit', 'object-position'], {
     feature: 'object-fit',
     browsers
@@ -660,7 +743,9 @@ f(require('caniuse-lite/data/features/object-fit'), browsers =>
 )
 
 // CSS Shapes
-f(require('caniuse-lite/data/features/css-shapes'), browsers =>
+let prefixShapes = require('caniuse-lite/data/features/css-shapes')
+
+f(prefixShapes, browsers =>
   prefix(['shape-margin', 'shape-outside', 'shape-image-threshold'], {
     feature: 'css-shapes',
     browsers
@@ -668,7 +753,9 @@ f(require('caniuse-lite/data/features/css-shapes'), browsers =>
 )
 
 // CSS3 text-overflow
-f(require('caniuse-lite/data/features/text-overflow'), browsers =>
+let prefixTextOverflow = require('caniuse-lite/data/features/text-overflow')
+
+f(prefixTextOverflow, browsers =>
   prefix(['text-overflow'], {
     feature: 'text-overflow',
     browsers
@@ -676,7 +763,9 @@ f(require('caniuse-lite/data/features/text-overflow'), browsers =>
 )
 
 // Viewport at-rule
-f(require('caniuse-lite/data/features/css-deviceadaptation'), browsers =>
+let prefixDeviceadaptation = require('caniuse-lite/data/features/css-deviceadaptation')
+
+f(prefixDeviceadaptation, browsers =>
   prefix(['@viewport'], {
     feature: 'css-deviceadaptation',
     browsers
@@ -684,8 +773,9 @@ f(require('caniuse-lite/data/features/css-deviceadaptation'), browsers =>
 )
 
 // Resolution Media Queries
-let resolut = require('caniuse-lite/data/features/css-media-resolution')
-f(resolut, { match: /( x($| )|a #2)/ }, browsers =>
+let prefixResolut = require('caniuse-lite/data/features/css-media-resolution')
+
+f(prefixResolut, { match: /( x($| )|a #2)/ }, browsers =>
   prefix(['@resolution'], {
     feature: 'css-media-resolution',
     browsers
@@ -693,7 +783,9 @@ f(resolut, { match: /( x($| )|a #2)/ }, browsers =>
 )
 
 // CSS text-align-last
-f(require('caniuse-lite/data/features/css-text-align-last'), browsers =>
+let prefixTextAlignLast = require('caniuse-lite/data/features/css-text-align-last')
+
+f(prefixTextAlignLast, browsers =>
   prefix(['text-align-last'], {
     feature: 'css-text-align-last',
     browsers
@@ -701,9 +793,9 @@ f(require('caniuse-lite/data/features/css-text-align-last'), browsers =>
 )
 
 // Crisp Edges Image Rendering Algorithm
-let crispedges = require('caniuse-lite/data/features/css-crisp-edges')
+let prefixCrispedges = require('caniuse-lite/data/features/css-crisp-edges')
 
-f(crispedges, { match: /y x|a x #1/ }, browsers =>
+f(prefixCrispedges, { match: /y x|a x #1/ }, browsers =>
   prefix(['pixelated'], {
     props: ['image-rendering'],
     feature: 'css-crisp-edges',
@@ -711,7 +803,7 @@ f(crispedges, { match: /y x|a x #1/ }, browsers =>
   })
 )
 
-f(crispedges, { match: /a x #2/ }, browsers =>
+f(prefixCrispedges, { match: /a x #2/ }, browsers =>
   prefix(['image-rendering'], {
     feature: 'css-crisp-edges',
     browsers
@@ -719,9 +811,9 @@ f(crispedges, { match: /a x #2/ }, browsers =>
 )
 
 // Logical Properties
-let logicalProps = require('caniuse-lite/data/features/css-logical-props')
+let prefixLogicalProps = require('caniuse-lite/data/features/css-logical-props')
 
-f(logicalProps, browsers =>
+f(prefixLogicalProps, browsers =>
   prefix(
     [
       'border-inline-start',
@@ -738,7 +830,7 @@ f(logicalProps, browsers =>
   )
 )
 
-f(logicalProps, { match: /x\s#2/ }, browsers =>
+f(prefixLogicalProps, { match: /x\s#2/ }, browsers =>
   prefix(
     [
       'border-block-start',
@@ -756,8 +848,9 @@ f(logicalProps, { match: /x\s#2/ }, browsers =>
 )
 
 // CSS appearance
-let appearance = require('caniuse-lite/data/features/css-appearance')
-f(appearance, { match: /#2|x/ }, browsers =>
+let prefixAppearance = require('caniuse-lite/data/features/css-appearance')
+
+f(prefixAppearance, { match: /#2|x/ }, browsers =>
   prefix(['appearance'], {
     feature: 'css-appearance',
     browsers
@@ -765,7 +858,9 @@ f(appearance, { match: /#2|x/ }, browsers =>
 )
 
 // CSS Scroll snap points
-f(require('caniuse-lite/data/features/css-snappoints'), browsers =>
+let prefixSnappoints = require('caniuse-lite/data/features/css-snappoints')
+
+f(prefixSnappoints, browsers =>
   prefix(
     [
       'scroll-snap-type',
@@ -782,7 +877,9 @@ f(require('caniuse-lite/data/features/css-snappoints'), browsers =>
 )
 
 // CSS Regions
-f(require('caniuse-lite/data/features/css-regions'), browsers =>
+let prefixRegions = require('caniuse-lite/data/features/css-regions')
+
+f(prefixRegions, browsers =>
   prefix(['flow-into', 'flow-from', 'region-fragment'], {
     feature: 'css-regions',
     browsers
@@ -790,7 +887,9 @@ f(require('caniuse-lite/data/features/css-regions'), browsers =>
 )
 
 // CSS image-set
-f(require('caniuse-lite/data/features/css-image-set'), browsers =>
+let prefixImageSet = require('caniuse-lite/data/features/css-image-set')
+
+f(prefixImageSet, browsers =>
   prefix(['image-set'], {
     props: [
       'background',
@@ -809,8 +908,9 @@ f(require('caniuse-lite/data/features/css-image-set'), browsers =>
 )
 
 // Writing Mode
-let writingMode = require('caniuse-lite/data/features/css-writing-mode')
-f(writingMode, { match: /a|x/ }, browsers =>
+let prefixWritingMode = require('caniuse-lite/data/features/css-writing-mode')
+
+f(prefixWritingMode, { match: /a|x/ }, browsers =>
   prefix(['writing-mode'], {
     feature: 'css-writing-mode',
     browsers
@@ -818,7 +918,9 @@ f(writingMode, { match: /a|x/ }, browsers =>
 )
 
 // Cross-Fade Function
-f(require('caniuse-lite/data/features/css-cross-fade'), browsers =>
+let prefixCrossFade = require('caniuse-lite/data/features/css-cross-fade')
+
+f(prefixCrossFade, browsers =>
   prefix(['cross-fade'], {
     props: [
       'background',
@@ -836,7 +938,9 @@ f(require('caniuse-lite/data/features/css-cross-fade'), browsers =>
 )
 
 // Read Only selector
-f(require('caniuse-lite/data/features/css-read-only-write'), browsers =>
+let prefixReadOnly = require('caniuse-lite/data/features/css-read-only-write')
+
+f(prefixReadOnly, browsers =>
   prefix([':read-only', ':read-write'], {
     selector: true,
     feature: 'css-read-only-write',
@@ -845,7 +949,9 @@ f(require('caniuse-lite/data/features/css-read-only-write'), browsers =>
 )
 
 // Text Emphasize
-f(require('caniuse-lite/data/features/text-emphasis'), browsers =>
+let prefixTextEmphasis = require('caniuse-lite/data/features/text-emphasis')
+
+f(prefixTextEmphasis, browsers =>
   prefix(
     [
       'text-emphasis',
@@ -861,9 +967,9 @@ f(require('caniuse-lite/data/features/text-emphasis'), browsers =>
 )
 
 // CSS Grid Layout
-let grid = require('caniuse-lite/data/features/css-grid')
+let prefixGrid = require('caniuse-lite/data/features/css-grid')
 
-f(grid, browsers => {
+f(prefixGrid, browsers => {
   prefix(['display-grid', 'inline-grid'], {
     props: ['display'],
     feature: 'css-grid',
@@ -891,7 +997,7 @@ f(grid, browsers => {
   )
 })
 
-f(grid, { match: /a x/ }, browsers =>
+f(prefixGrid, { match: /a x/ }, browsers =>
   prefix(['grid-column-align', 'grid-row-align'], {
     feature: 'css-grid',
     browsers
@@ -899,7 +1005,9 @@ f(grid, { match: /a x/ }, browsers =>
 )
 
 // CSS text-spacing
-f(require('caniuse-lite/data/features/css-text-spacing'), browsers =>
+let prefixTextSpacing = require('caniuse-lite/data/features/css-text-spacing')
+
+f(prefixTextSpacing, browsers =>
   prefix(['text-spacing'], {
     feature: 'css-text-spacing',
     browsers
@@ -907,7 +1015,9 @@ f(require('caniuse-lite/data/features/css-text-spacing'), browsers =>
 )
 
 // :any-link selector
-f(require('caniuse-lite/data/features/css-any-link'), browsers =>
+let prefixAnyLink = require('caniuse-lite/data/features/css-any-link')
+
+f(prefixAnyLink, browsers =>
   prefix([':any-link'], {
     selector: true,
     feature: 'css-any-link',
@@ -916,9 +1026,9 @@ f(require('caniuse-lite/data/features/css-any-link'), browsers =>
 )
 
 // unicode-bidi
-let bidi = require('caniuse-lite/data/features/css-unicode-bidi')
+let prefixBidi = require('caniuse-lite/data/features/css-unicode-bidi')
 
-f(bidi, browsers =>
+f(prefixBidi, browsers =>
   prefix(['isolate'], {
     props: ['unicode-bidi'],
     feature: 'css-unicode-bidi',
@@ -926,7 +1036,7 @@ f(bidi, browsers =>
   })
 )
 
-f(bidi, { match: /y x|a x #2/ }, browsers =>
+f(prefixBidi, { match: /y x|a x #2/ }, browsers =>
   prefix(['plaintext'], {
     props: ['unicode-bidi'],
     feature: 'css-unicode-bidi',
@@ -934,7 +1044,7 @@ f(bidi, { match: /y x|a x #2/ }, browsers =>
   })
 )
 
-f(bidi, { match: /y x/ }, browsers =>
+f(prefixBidi, { match: /y x/ }, browsers =>
   prefix(['isolate-override'], {
     props: ['unicode-bidi'],
     feature: 'css-unicode-bidi',
@@ -943,8 +1053,9 @@ f(bidi, { match: /y x/ }, browsers =>
 )
 
 // overscroll-behavior selector
-let over = require('caniuse-lite/data/features/css-overscroll-behavior')
-f(over, { match: /a #1/ }, browsers =>
+let prefixOverscroll = require('caniuse-lite/data/features/css-overscroll-behavior')
+
+f(prefixOverscroll, { match: /a #1/ }, browsers =>
   prefix(['overscroll-behavior'], {
     feature: 'css-overscroll-behavior',
     browsers
@@ -952,7 +1063,9 @@ f(over, { match: /a #1/ }, browsers =>
 )
 
 // color-adjust
-f(require('caniuse-lite/data/features/css-color-adjust'), browsers =>
+let prefixColorAdjust = require('caniuse-lite/data/features/css-color-adjust')
+
+f(prefixColorAdjust, browsers =>
   prefix(['color-adjust'], {
     feature: 'css-color-adjust',
     browsers
@@ -960,7 +1073,9 @@ f(require('caniuse-lite/data/features/css-color-adjust'), browsers =>
 )
 
 // text-orientation
-f(require('caniuse-lite/data/features/css-text-orientation'), browsers =>
+let prefixTextOrientation = require('caniuse-lite/data/features/css-text-orientation')
+
+f(prefixTextOrientation, browsers =>
   prefix(['text-orientation'], {
     feature: 'css-text-orientation',
     browsers