autoprefixer 10.2.2 → 10.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/README.md +3 -3
  2. package/data/prefixes.js +187 -91
  3. package/lib/at-rule.js +2 -2
  4. package/lib/autoprefixer.d.ts +3 -3
  5. package/lib/autoprefixer.js +28 -18
  6. package/lib/brackets.js +3 -3
  7. package/lib/browsers.js +6 -6
  8. package/lib/declaration.js +14 -14
  9. package/lib/hacks/align-content.js +3 -3
  10. package/lib/hacks/align-items.js +3 -3
  11. package/lib/hacks/align-self.js +4 -4
  12. package/lib/hacks/animation.js +1 -1
  13. package/lib/hacks/appearance.js +1 -1
  14. package/lib/hacks/backdrop-filter.js +1 -1
  15. package/lib/hacks/background-clip.js +2 -2
  16. package/lib/hacks/background-size.js +1 -1
  17. package/lib/hacks/block-logical.js +2 -2
  18. package/lib/hacks/border-image.js +1 -1
  19. package/lib/hacks/border-radius.js +2 -2
  20. package/lib/hacks/break-props.js +4 -4
  21. package/lib/hacks/color-adjust.js +2 -2
  22. package/lib/hacks/cross-fade.js +1 -1
  23. package/lib/hacks/display-flex.js +5 -5
  24. package/lib/hacks/display-grid.js +2 -2
  25. package/lib/hacks/filter-value.js +1 -1
  26. package/lib/hacks/filter.js +1 -1
  27. package/lib/hacks/flex-basis.js +3 -3
  28. package/lib/hacks/flex-direction.js +3 -3
  29. package/lib/hacks/flex-flow.js +1 -1
  30. package/lib/hacks/flex-grow.js +2 -2
  31. package/lib/hacks/flex-shrink.js +3 -3
  32. package/lib/hacks/flex-wrap.js +1 -1
  33. package/lib/hacks/flex.js +3 -3
  34. package/lib/hacks/fullscreen.js +1 -1
  35. package/lib/hacks/gradient.js +18 -18
  36. package/lib/hacks/grid-area.js +1 -1
  37. package/lib/hacks/grid-column-align.js +3 -3
  38. package/lib/hacks/grid-end.js +1 -1
  39. package/lib/hacks/grid-row-align.js +3 -3
  40. package/lib/hacks/grid-row-column.js +1 -1
  41. package/lib/hacks/grid-rows-columns.js +3 -3
  42. package/lib/hacks/grid-start.js +3 -3
  43. package/lib/hacks/grid-template-areas.js +2 -2
  44. package/lib/hacks/grid-template.js +1 -1
  45. package/lib/hacks/grid-utils.js +60 -48
  46. package/lib/hacks/image-rendering.js +5 -5
  47. package/lib/hacks/image-set.js +1 -1
  48. package/lib/hacks/inline-logical.js +2 -2
  49. package/lib/hacks/intrinsic.js +6 -6
  50. package/lib/hacks/justify-content.js +3 -3
  51. package/lib/hacks/mask-border.js +2 -2
  52. package/lib/hacks/mask-composite.js +1 -1
  53. package/lib/hacks/order.js +3 -3
  54. package/lib/hacks/overscroll-behavior.js +3 -3
  55. package/lib/hacks/pixelated.js +2 -2
  56. package/lib/hacks/place-self.js +1 -1
  57. package/lib/hacks/placeholder-shown.js +1 -1
  58. package/lib/hacks/placeholder.js +2 -2
  59. package/lib/hacks/text-decoration-skip-ink.js +1 -1
  60. package/lib/hacks/text-decoration.js +1 -1
  61. package/lib/hacks/text-emphasis-position.js +1 -1
  62. package/lib/hacks/transform-decl.js +4 -4
  63. package/lib/hacks/user-select.js +2 -2
  64. package/lib/hacks/writing-mode.js +1 -1
  65. package/lib/info.js +8 -4
  66. package/lib/old-selector.js +3 -3
  67. package/lib/old-value.js +2 -2
  68. package/lib/prefixer.js +13 -9
  69. package/lib/prefixes.js +124 -68
  70. package/lib/processor.js +14 -14
  71. package/lib/resolution.js +6 -6
  72. package/lib/selector.js +10 -10
  73. package/lib/supports.js +28 -20
  74. package/lib/transition.js +15 -15
  75. package/lib/utils.js +65 -67
  76. package/lib/value.js +7 -7
  77. package/lib/vendor.js +2 -2
  78. package/package.json +5 -5
  79. package/CHANGELOG.md +0 -1019
package/data/prefixes.js CHANGED
@@ -1,6 +1,6 @@
1
1
  let unpack = require('caniuse-lite').feature
2
2
 
3
- function browsersSort (a, b) {
3
+ function browsersSort(a, b) {
4
4
  a = a.split(' ')
5
5
  b = b.split(' ')
6
6
  if (a[0] > b[0]) {
@@ -13,7 +13,7 @@ function browsersSort (a, b) {
13
13
  }
14
14
 
15
15
  // Convert Can I Use data
16
- function f (data, opts, callback) {
16
+ function f(data, opts, callback) {
17
17
  data = unpack(data)
18
18
 
19
19
  if (!callback) {
@@ -39,13 +39,13 @@ function f (data, opts, callback) {
39
39
  // Add data for all properties
40
40
  let result = {}
41
41
 
42
- function prefix (names, data) {
42
+ function prefix(names, data) {
43
43
  for (let name of names) {
44
44
  result[name] = Object.assign({}, data)
45
45
  }
46
46
  }
47
47
 
48
- function add (names, data) {
48
+ function add(names, data) {
49
49
  for (let name of names) {
50
50
  result[name].browsers = result[name].browsers
51
51
  .concat(data.browsers)
@@ -56,7 +56,9 @@ function add (names, data) {
56
56
  module.exports = result
57
57
 
58
58
  // Border Radius
59
- f(require('caniuse-lite/data/features/border-radius'), browsers =>
59
+ let prefixBorderRadius = require('caniuse-lite/data/features/border-radius')
60
+
61
+ f(prefixBorderRadius, browsers =>
60
62
  prefix(
61
63
  [
62
64
  'border-radius',
@@ -74,7 +76,9 @@ f(require('caniuse-lite/data/features/border-radius'), browsers =>
74
76
  )
75
77
 
76
78
  // Box Shadow
77
- f(require('caniuse-lite/data/features/css-boxshadow'), browsers =>
79
+ let prefixBoxshadow = require('caniuse-lite/data/features/css-boxshadow')
80
+
81
+ f(prefixBoxshadow, browsers =>
78
82
  prefix(['box-shadow'], {
79
83
  mistakes: ['-khtml-'],
80
84
  feature: 'css-boxshadow',
@@ -83,7 +87,9 @@ f(require('caniuse-lite/data/features/css-boxshadow'), browsers =>
83
87
  )
84
88
 
85
89
  // Animation
86
- f(require('caniuse-lite/data/features/css-animation'), browsers =>
90
+ let prefixAnimation = require('caniuse-lite/data/features/css-animation')
91
+
92
+ f(prefixAnimation, browsers =>
87
93
  prefix(
88
94
  [
89
95
  'animation',
@@ -106,7 +112,9 @@ f(require('caniuse-lite/data/features/css-animation'), browsers =>
106
112
  )
107
113
 
108
114
  // Transition
109
- f(require('caniuse-lite/data/features/css-transitions'), browsers =>
115
+ let prefixTransition = require('caniuse-lite/data/features/css-transitions')
116
+
117
+ f(prefixTransition, browsers =>
110
118
  prefix(
111
119
  [
112
120
  'transition',
@@ -124,7 +132,9 @@ f(require('caniuse-lite/data/features/css-transitions'), browsers =>
124
132
  )
125
133
 
126
134
  // Transform 2D
127
- f(require('caniuse-lite/data/features/transforms2d'), browsers =>
135
+ let prefixTransform2d = require('caniuse-lite/data/features/transforms2d')
136
+
137
+ f(prefixTransform2d, browsers =>
128
138
  prefix(['transform', 'transform-origin'], {
129
139
  feature: 'transforms2d',
130
140
  browsers
@@ -132,9 +142,9 @@ f(require('caniuse-lite/data/features/transforms2d'), browsers =>
132
142
  )
133
143
 
134
144
  // Transform 3D
135
- let transforms3d = require('caniuse-lite/data/features/transforms3d')
145
+ let prefixTransforms3d = require('caniuse-lite/data/features/transforms3d')
136
146
 
137
- f(transforms3d, browsers => {
147
+ f(prefixTransforms3d, browsers => {
138
148
  prefix(['perspective', 'perspective-origin'], {
139
149
  feature: 'transforms3d',
140
150
  browsers
@@ -146,7 +156,7 @@ f(transforms3d, browsers => {
146
156
  })
147
157
  })
148
158
 
149
- f(transforms3d, { match: /y\sx|y\s#2/ }, browsers =>
159
+ f(prefixTransforms3d, { match: /y\sx|y\s#2/ }, browsers =>
150
160
  prefix(['backface-visibility'], {
151
161
  mistakes: ['-ms-', '-o-'],
152
162
  feature: 'transforms3d',
@@ -155,9 +165,9 @@ f(transforms3d, { match: /y\sx|y\s#2/ }, browsers =>
155
165
  )
156
166
 
157
167
  // Gradients
158
- let gradients = require('caniuse-lite/data/features/css-gradients')
168
+ let prefixGradients = require('caniuse-lite/data/features/css-gradients')
159
169
 
160
- f(gradients, { match: /y\sx/ }, browsers =>
170
+ f(prefixGradients, { match: /y\sx/ }, browsers =>
161
171
  prefix(
162
172
  [
163
173
  'linear-gradient',
@@ -183,7 +193,7 @@ f(gradients, { match: /y\sx/ }, browsers =>
183
193
  )
184
194
  )
185
195
 
186
- f(gradients, { match: /a\sx/ }, browsers => {
196
+ f(prefixGradients, { match: /a\sx/ }, browsers => {
187
197
  browsers = browsers.map(i => {
188
198
  if (/firefox|op/.test(i)) {
189
199
  return i
@@ -206,7 +216,9 @@ f(gradients, { match: /a\sx/ }, browsers => {
206
216
  })
207
217
 
208
218
  // Box sizing
209
- f(require('caniuse-lite/data/features/css3-boxsizing'), browsers =>
219
+ let prefixBoxsizing = require('caniuse-lite/data/features/css3-boxsizing')
220
+
221
+ f(prefixBoxsizing, browsers =>
210
222
  prefix(['box-sizing'], {
211
223
  feature: 'css3-boxsizing',
212
224
  browsers
@@ -214,7 +226,9 @@ f(require('caniuse-lite/data/features/css3-boxsizing'), browsers =>
214
226
  )
215
227
 
216
228
  // Filter Effects
217
- f(require('caniuse-lite/data/features/css-filters'), browsers =>
229
+ let prefixFilters = require('caniuse-lite/data/features/css-filters')
230
+
231
+ f(prefixFilters, browsers =>
218
232
  prefix(['filter'], {
219
233
  feature: 'css-filters',
220
234
  browsers
@@ -222,7 +236,9 @@ f(require('caniuse-lite/data/features/css-filters'), browsers =>
222
236
  )
223
237
 
224
238
  // filter() function
225
- f(require('caniuse-lite/data/features/css-filter-function'), browsers =>
239
+ let prefixFilterFunction = require('caniuse-lite/data/features/css-filter-function')
240
+
241
+ f(prefixFilterFunction, browsers =>
226
242
  prefix(['filter-function'], {
227
243
  props: [
228
244
  'background',
@@ -240,8 +256,9 @@ f(require('caniuse-lite/data/features/css-filter-function'), browsers =>
240
256
  )
241
257
 
242
258
  // Backdrop-filter
243
- let backdrop = require('caniuse-lite/data/features/css-backdrop-filter')
244
- f(backdrop, { match: /y\sx|y\s#2/ }, browsers =>
259
+ let prefixBackdrop = require('caniuse-lite/data/features/css-backdrop-filter')
260
+
261
+ f(prefixBackdrop, { match: /y\sx|y\s#2/ }, browsers =>
245
262
  prefix(['backdrop-filter'], {
246
263
  feature: 'css-backdrop-filter',
247
264
  browsers
@@ -249,7 +266,9 @@ f(backdrop, { match: /y\sx|y\s#2/ }, browsers =>
249
266
  )
250
267
 
251
268
  // element() function
252
- f(require('caniuse-lite/data/features/css-element-function'), browsers =>
269
+ let prefixElementFunction = require('caniuse-lite/data/features/css-element-function')
270
+
271
+ f(prefixElementFunction, browsers =>
253
272
  prefix(['element'], {
254
273
  props: [
255
274
  'background',
@@ -267,7 +286,9 @@ f(require('caniuse-lite/data/features/css-element-function'), browsers =>
267
286
  )
268
287
 
269
288
  // Multicolumns
270
- f(require('caniuse-lite/data/features/multicolumn'), browsers => {
289
+ let prefixMulticolumns = require('caniuse-lite/data/features/multicolumn')
290
+
291
+ f(prefixMulticolumns, browsers => {
271
292
  prefix(
272
293
  [
273
294
  'columns',
@@ -295,7 +316,9 @@ f(require('caniuse-lite/data/features/multicolumn'), browsers => {
295
316
  })
296
317
 
297
318
  // User select
298
- f(require('caniuse-lite/data/features/user-select-none'), browsers =>
319
+ let prefixUserSelect = require('caniuse-lite/data/features/user-select-none')
320
+
321
+ f(prefixUserSelect, browsers =>
299
322
  prefix(['user-select'], {
300
323
  mistakes: ['-khtml-'],
301
324
  feature: 'user-select-none',
@@ -304,8 +327,9 @@ f(require('caniuse-lite/data/features/user-select-none'), browsers =>
304
327
  )
305
328
 
306
329
  // Flexible Box Layout
307
- let flexbox = require('caniuse-lite/data/features/flexbox')
308
- f(flexbox, { match: /a\sx/ }, browsers => {
330
+ let prefixFlexbox = require('caniuse-lite/data/features/flexbox')
331
+
332
+ f(prefixFlexbox, { match: /a\sx/ }, browsers => {
309
333
  browsers = browsers.map(i => {
310
334
  if (/ie|firefox/.test(i)) {
311
335
  return i
@@ -340,7 +364,7 @@ f(flexbox, { match: /a\sx/ }, browsers => {
340
364
  )
341
365
  })
342
366
 
343
- f(flexbox, { match: /y\sx/ }, browsers => {
367
+ f(prefixFlexbox, { match: /y\sx/ }, browsers => {
344
368
  add(['display-flex', 'inline-flex'], {
345
369
  feature: 'flexbox',
346
370
  browsers
@@ -368,7 +392,9 @@ f(flexbox, { match: /y\sx/ }, browsers => {
368
392
  })
369
393
 
370
394
  // calc() unit
371
- f(require('caniuse-lite/data/features/calc'), browsers =>
395
+ let prefixCalc = require('caniuse-lite/data/features/calc')
396
+
397
+ f(prefixCalc, browsers =>
372
398
  prefix(['calc'], {
373
399
  props: ['*'],
374
400
  feature: 'calc',
@@ -377,7 +403,9 @@ f(require('caniuse-lite/data/features/calc'), browsers =>
377
403
  )
378
404
 
379
405
  // Background options
380
- f(require('caniuse-lite/data/features/background-img-opts'), browsers =>
406
+ let prefixBackgroundOptions = require('caniuse-lite/data/features/background-img-opts')
407
+
408
+ f(prefixBackgroundOptions, browsers =>
381
409
  prefix(['background-origin', 'background-size'], {
382
410
  feature: 'background-img-opts',
383
411
  browsers
@@ -385,7 +413,9 @@ f(require('caniuse-lite/data/features/background-img-opts'), browsers =>
385
413
  )
386
414
 
387
415
  // background-clip: text
388
- f(require('caniuse-lite/data/features/background-clip-text'), browsers =>
416
+ let prefixBackgroundClipText = require('caniuse-lite/data/features/background-clip-text')
417
+
418
+ f(prefixBackgroundClipText, browsers =>
389
419
  prefix(['background-clip'], {
390
420
  feature: 'background-clip-text',
391
421
  browsers
@@ -393,7 +423,9 @@ f(require('caniuse-lite/data/features/background-clip-text'), browsers =>
393
423
  )
394
424
 
395
425
  // Font feature settings
396
- f(require('caniuse-lite/data/features/font-feature'), browsers =>
426
+ let prefixFontFeature = require('caniuse-lite/data/features/font-feature')
427
+
428
+ f(prefixFontFeature, browsers =>
397
429
  prefix(
398
430
  [
399
431
  'font-feature-settings',
@@ -408,7 +440,9 @@ f(require('caniuse-lite/data/features/font-feature'), browsers =>
408
440
  )
409
441
 
410
442
  // CSS font-kerning property
411
- f(require('caniuse-lite/data/features/font-kerning'), browsers =>
443
+ let prefixFontKerning = require('caniuse-lite/data/features/font-kerning')
444
+
445
+ f(prefixFontKerning, browsers =>
412
446
  prefix(['font-kerning'], {
413
447
  feature: 'font-kerning',
414
448
  browsers
@@ -416,7 +450,9 @@ f(require('caniuse-lite/data/features/font-kerning'), browsers =>
416
450
  )
417
451
 
418
452
  // Border image
419
- f(require('caniuse-lite/data/features/border-image'), browsers =>
453
+ let prefixBorderImage = require('caniuse-lite/data/features/border-image')
454
+
455
+ f(prefixBorderImage, browsers =>
420
456
  prefix(['border-image'], {
421
457
  feature: 'border-image',
422
458
  browsers
@@ -424,7 +460,9 @@ f(require('caniuse-lite/data/features/border-image'), browsers =>
424
460
  )
425
461
 
426
462
  // Selection selector
427
- f(require('caniuse-lite/data/features/css-selection'), browsers =>
463
+ let prefixSelection = require('caniuse-lite/data/features/css-selection')
464
+
465
+ f(prefixSelection, browsers =>
428
466
  prefix(['::selection'], {
429
467
  selector: true,
430
468
  feature: 'css-selection',
@@ -433,7 +471,9 @@ f(require('caniuse-lite/data/features/css-selection'), browsers =>
433
471
  )
434
472
 
435
473
  // Placeholder selector
436
- f(require('caniuse-lite/data/features/css-placeholder'), browsers => {
474
+ let prefixPlaceholder = require('caniuse-lite/data/features/css-placeholder')
475
+
476
+ f(prefixPlaceholder, browsers => {
437
477
  prefix(['::placeholder'], {
438
478
  selector: true,
439
479
  feature: 'css-placeholder',
@@ -442,7 +482,9 @@ f(require('caniuse-lite/data/features/css-placeholder'), browsers => {
442
482
  })
443
483
 
444
484
  // Placeholder-shown selector
445
- f(require('caniuse-lite/data/features/css-placeholder-shown'), browsers => {
485
+ let prefixPlaceholderShown = require('caniuse-lite/data/features/css-placeholder-shown')
486
+
487
+ f(prefixPlaceholderShown, browsers => {
446
488
  prefix([':placeholder-shown'], {
447
489
  selector: true,
448
490
  feature: 'css-placeholder-shown',
@@ -451,7 +493,9 @@ f(require('caniuse-lite/data/features/css-placeholder-shown'), browsers => {
451
493
  })
452
494
 
453
495
  // Hyphenation
454
- f(require('caniuse-lite/data/features/css-hyphens'), browsers =>
496
+ let prefixHyphens = require('caniuse-lite/data/features/css-hyphens')
497
+
498
+ f(prefixHyphens, browsers =>
455
499
  prefix(['hyphens'], {
456
500
  feature: 'css-hyphens',
457
501
  browsers
@@ -459,9 +503,9 @@ f(require('caniuse-lite/data/features/css-hyphens'), browsers =>
459
503
  )
460
504
 
461
505
  // Fullscreen selector
462
- let fullscreen = require('caniuse-lite/data/features/fullscreen')
506
+ let prefixFullscreen = require('caniuse-lite/data/features/fullscreen')
463
507
 
464
- f(fullscreen, browsers =>
508
+ f(prefixFullscreen, browsers =>
465
509
  prefix([':fullscreen'], {
466
510
  selector: true,
467
511
  feature: 'fullscreen',
@@ -469,7 +513,7 @@ f(fullscreen, browsers =>
469
513
  })
470
514
  )
471
515
 
472
- f(fullscreen, { match: /x(\s#2|$)/ }, browsers =>
516
+ f(prefixFullscreen, { match: /x(\s#2|$)/ }, browsers =>
473
517
  prefix(['::backdrop'], {
474
518
  selector: true,
475
519
  feature: 'fullscreen',
@@ -478,7 +522,9 @@ f(fullscreen, { match: /x(\s#2|$)/ }, browsers =>
478
522
  )
479
523
 
480
524
  // Tab size
481
- f(require('caniuse-lite/data/features/css3-tabsize'), browsers =>
525
+ let prefixTabsize = require('caniuse-lite/data/features/css3-tabsize')
526
+
527
+ f(prefixTabsize, browsers =>
482
528
  prefix(['tab-size'], {
483
529
  feature: 'css3-tabsize',
484
530
  browsers
@@ -486,7 +532,7 @@ f(require('caniuse-lite/data/features/css3-tabsize'), browsers =>
486
532
  )
487
533
 
488
534
  // Intrinsic & extrinsic sizing
489
- let intrinsic = require('caniuse-lite/data/features/intrinsic-width')
535
+ let prefixIntrinsic = require('caniuse-lite/data/features/intrinsic-width')
490
536
 
491
537
  let sizeProps = [
492
538
  'width',
@@ -509,7 +555,7 @@ let sizeProps = [
509
555
  'grid-auto-rows'
510
556
  ]
511
557
 
512
- f(intrinsic, browsers =>
558
+ f(prefixIntrinsic, browsers =>
513
559
  prefix(['max-content', 'min-content'], {
514
560
  props: sizeProps,
515
561
  feature: 'intrinsic-width',
@@ -517,7 +563,7 @@ f(intrinsic, browsers =>
517
563
  })
518
564
  )
519
565
 
520
- f(intrinsic, { match: /x|\s#4/ }, browsers =>
566
+ f(prefixIntrinsic, { match: /x|\s#4/ }, browsers =>
521
567
  prefix(['fill', 'fill-available', 'stretch'], {
522
568
  props: sizeProps,
523
569
  feature: 'intrinsic-width',
@@ -525,7 +571,7 @@ f(intrinsic, { match: /x|\s#4/ }, browsers =>
525
571
  })
526
572
  )
527
573
 
528
- f(intrinsic, { match: /x|\s#5/ }, browsers =>
574
+ f(prefixIntrinsic, { match: /x|\s#5/ }, browsers =>
529
575
  prefix(['fit-content'], {
530
576
  props: sizeProps,
531
577
  feature: 'intrinsic-width',
@@ -534,7 +580,9 @@ f(intrinsic, { match: /x|\s#5/ }, browsers =>
534
580
  )
535
581
 
536
582
  // Zoom cursors
537
- f(require('caniuse-lite/data/features/css3-cursors-newer'), browsers =>
583
+ let prefixCursorsNewer = require('caniuse-lite/data/features/css3-cursors-newer')
584
+
585
+ f(prefixCursorsNewer, browsers =>
538
586
  prefix(['zoom-in', 'zoom-out'], {
539
587
  props: ['cursor'],
540
588
  feature: 'css3-cursors-newer',
@@ -543,7 +591,9 @@ f(require('caniuse-lite/data/features/css3-cursors-newer'), browsers =>
543
591
  )
544
592
 
545
593
  // Grab cursors
546
- f(require('caniuse-lite/data/features/css3-cursors-grab'), browsers =>
594
+ let prefixCursorsGrab = require('caniuse-lite/data/features/css3-cursors-grab')
595
+
596
+ f(prefixCursorsGrab, browsers =>
547
597
  prefix(['grab', 'grabbing'], {
548
598
  props: ['cursor'],
549
599
  feature: 'css3-cursors-grab',
@@ -552,7 +602,9 @@ f(require('caniuse-lite/data/features/css3-cursors-grab'), browsers =>
552
602
  )
553
603
 
554
604
  // Sticky position
555
- f(require('caniuse-lite/data/features/css-sticky'), browsers =>
605
+ let prefixSticky = require('caniuse-lite/data/features/css-sticky')
606
+
607
+ f(prefixSticky, browsers =>
556
608
  prefix(['sticky'], {
557
609
  props: ['position'],
558
610
  feature: 'css-sticky',
@@ -561,7 +613,9 @@ f(require('caniuse-lite/data/features/css-sticky'), browsers =>
561
613
  )
562
614
 
563
615
  // Pointer Events
564
- f(require('caniuse-lite/data/features/pointer'), browsers =>
616
+ let prefixPointer = require('caniuse-lite/data/features/pointer')
617
+
618
+ f(prefixPointer, browsers =>
565
619
  prefix(['touch-action'], {
566
620
  feature: 'pointer',
567
621
  browsers
@@ -569,9 +623,9 @@ f(require('caniuse-lite/data/features/pointer'), browsers =>
569
623
  )
570
624
 
571
625
  // Text decoration
572
- let decoration = require('caniuse-lite/data/features/text-decoration')
626
+ let prefixDecoration = require('caniuse-lite/data/features/text-decoration')
573
627
 
574
- f(decoration, browsers =>
628
+ f(prefixDecoration, browsers =>
575
629
  prefix(
576
630
  [
577
631
  'text-decoration-style',
@@ -586,7 +640,7 @@ f(decoration, browsers =>
586
640
  )
587
641
  )
588
642
 
589
- f(decoration, { match: /x.*#[235]/ }, browsers =>
643
+ f(prefixDecoration, { match: /x.*#[235]/ }, browsers =>
590
644
  prefix(['text-decoration-skip', 'text-decoration-skip-ink'], {
591
645
  feature: 'text-decoration',
592
646
  browsers
@@ -594,7 +648,9 @@ f(decoration, { match: /x.*#[235]/ }, browsers =>
594
648
  )
595
649
 
596
650
  // Text Size Adjust
597
- f(require('caniuse-lite/data/features/text-size-adjust'), browsers =>
651
+ let prefixTextSizeAdjust = require('caniuse-lite/data/features/text-size-adjust')
652
+
653
+ f(prefixTextSizeAdjust, browsers =>
598
654
  prefix(['text-size-adjust'], {
599
655
  feature: 'text-size-adjust',
600
656
  browsers
@@ -602,7 +658,9 @@ f(require('caniuse-lite/data/features/text-size-adjust'), browsers =>
602
658
  )
603
659
 
604
660
  // CSS Masks
605
- f(require('caniuse-lite/data/features/css-masks'), browsers => {
661
+ let prefixCssMasks = require('caniuse-lite/data/features/css-masks')
662
+
663
+ f(prefixCssMasks, browsers => {
606
664
  prefix(
607
665
  [
608
666
  'mask-clip',
@@ -636,7 +694,9 @@ f(require('caniuse-lite/data/features/css-masks'), browsers => {
636
694
  })
637
695
 
638
696
  // CSS clip-path property
639
- f(require('caniuse-lite/data/features/css-clip-path'), browsers =>
697
+ let prefixClipPath = require('caniuse-lite/data/features/css-clip-path')
698
+
699
+ f(prefixClipPath, browsers =>
640
700
  prefix(['clip-path'], {
641
701
  feature: 'css-clip-path',
642
702
  browsers
@@ -644,7 +704,9 @@ f(require('caniuse-lite/data/features/css-clip-path'), browsers =>
644
704
  )
645
705
 
646
706
  // Fragmented Borders and Backgrounds
647
- f(require('caniuse-lite/data/features/css-boxdecorationbreak'), browsers =>
707
+ let prefixBoxdecoration = require('caniuse-lite/data/features/css-boxdecorationbreak')
708
+
709
+ f(prefixBoxdecoration, browsers =>
648
710
  prefix(['box-decoration-break'], {
649
711
  feature: 'css-boxdecorationbreak',
650
712
  browsers
@@ -652,7 +714,9 @@ f(require('caniuse-lite/data/features/css-boxdecorationbreak'), browsers =>
652
714
  )
653
715
 
654
716
  // CSS3 object-fit/object-position
655
- f(require('caniuse-lite/data/features/object-fit'), browsers =>
717
+ let prefixObjectFit = require('caniuse-lite/data/features/object-fit')
718
+
719
+ f(prefixObjectFit, browsers =>
656
720
  prefix(['object-fit', 'object-position'], {
657
721
  feature: 'object-fit',
658
722
  browsers
@@ -660,7 +724,9 @@ f(require('caniuse-lite/data/features/object-fit'), browsers =>
660
724
  )
661
725
 
662
726
  // CSS Shapes
663
- f(require('caniuse-lite/data/features/css-shapes'), browsers =>
727
+ let prefixShapes = require('caniuse-lite/data/features/css-shapes')
728
+
729
+ f(prefixShapes, browsers =>
664
730
  prefix(['shape-margin', 'shape-outside', 'shape-image-threshold'], {
665
731
  feature: 'css-shapes',
666
732
  browsers
@@ -668,7 +734,9 @@ f(require('caniuse-lite/data/features/css-shapes'), browsers =>
668
734
  )
669
735
 
670
736
  // CSS3 text-overflow
671
- f(require('caniuse-lite/data/features/text-overflow'), browsers =>
737
+ let prefixTextOverflow = require('caniuse-lite/data/features/text-overflow')
738
+
739
+ f(prefixTextOverflow, browsers =>
672
740
  prefix(['text-overflow'], {
673
741
  feature: 'text-overflow',
674
742
  browsers
@@ -676,7 +744,9 @@ f(require('caniuse-lite/data/features/text-overflow'), browsers =>
676
744
  )
677
745
 
678
746
  // Viewport at-rule
679
- f(require('caniuse-lite/data/features/css-deviceadaptation'), browsers =>
747
+ let prefixDeviceadaptation = require('caniuse-lite/data/features/css-deviceadaptation')
748
+
749
+ f(prefixDeviceadaptation, browsers =>
680
750
  prefix(['@viewport'], {
681
751
  feature: 'css-deviceadaptation',
682
752
  browsers
@@ -684,8 +754,9 @@ f(require('caniuse-lite/data/features/css-deviceadaptation'), browsers =>
684
754
  )
685
755
 
686
756
  // Resolution Media Queries
687
- let resolut = require('caniuse-lite/data/features/css-media-resolution')
688
- f(resolut, { match: /( x($| )|a #2)/ }, browsers =>
757
+ let prefixResolut = require('caniuse-lite/data/features/css-media-resolution')
758
+
759
+ f(prefixResolut, { match: /( x($| )|a #2)/ }, browsers =>
689
760
  prefix(['@resolution'], {
690
761
  feature: 'css-media-resolution',
691
762
  browsers
@@ -693,7 +764,9 @@ f(resolut, { match: /( x($| )|a #2)/ }, browsers =>
693
764
  )
694
765
 
695
766
  // CSS text-align-last
696
- f(require('caniuse-lite/data/features/css-text-align-last'), browsers =>
767
+ let prefixTextAlignLast = require('caniuse-lite/data/features/css-text-align-last')
768
+
769
+ f(prefixTextAlignLast, browsers =>
697
770
  prefix(['text-align-last'], {
698
771
  feature: 'css-text-align-last',
699
772
  browsers
@@ -701,9 +774,9 @@ f(require('caniuse-lite/data/features/css-text-align-last'), browsers =>
701
774
  )
702
775
 
703
776
  // Crisp Edges Image Rendering Algorithm
704
- let crispedges = require('caniuse-lite/data/features/css-crisp-edges')
777
+ let prefixCrispedges = require('caniuse-lite/data/features/css-crisp-edges')
705
778
 
706
- f(crispedges, { match: /y x|a x #1/ }, browsers =>
779
+ f(prefixCrispedges, { match: /y x|a x #1/ }, browsers =>
707
780
  prefix(['pixelated'], {
708
781
  props: ['image-rendering'],
709
782
  feature: 'css-crisp-edges',
@@ -711,7 +784,7 @@ f(crispedges, { match: /y x|a x #1/ }, browsers =>
711
784
  })
712
785
  )
713
786
 
714
- f(crispedges, { match: /a x #2/ }, browsers =>
787
+ f(prefixCrispedges, { match: /a x #2/ }, browsers =>
715
788
  prefix(['image-rendering'], {
716
789
  feature: 'css-crisp-edges',
717
790
  browsers
@@ -719,9 +792,9 @@ f(crispedges, { match: /a x #2/ }, browsers =>
719
792
  )
720
793
 
721
794
  // Logical Properties
722
- let logicalProps = require('caniuse-lite/data/features/css-logical-props')
795
+ let prefixLogicalProps = require('caniuse-lite/data/features/css-logical-props')
723
796
 
724
- f(logicalProps, browsers =>
797
+ f(prefixLogicalProps, browsers =>
725
798
  prefix(
726
799
  [
727
800
  'border-inline-start',
@@ -738,7 +811,7 @@ f(logicalProps, browsers =>
738
811
  )
739
812
  )
740
813
 
741
- f(logicalProps, { match: /x\s#2/ }, browsers =>
814
+ f(prefixLogicalProps, { match: /x\s#2/ }, browsers =>
742
815
  prefix(
743
816
  [
744
817
  'border-block-start',
@@ -756,8 +829,9 @@ f(logicalProps, { match: /x\s#2/ }, browsers =>
756
829
  )
757
830
 
758
831
  // CSS appearance
759
- let appearance = require('caniuse-lite/data/features/css-appearance')
760
- f(appearance, { match: /#2|x/ }, browsers =>
832
+ let prefixAppearance = require('caniuse-lite/data/features/css-appearance')
833
+
834
+ f(prefixAppearance, { match: /#2|x/ }, browsers =>
761
835
  prefix(['appearance'], {
762
836
  feature: 'css-appearance',
763
837
  browsers
@@ -765,7 +839,9 @@ f(appearance, { match: /#2|x/ }, browsers =>
765
839
  )
766
840
 
767
841
  // CSS Scroll snap points
768
- f(require('caniuse-lite/data/features/css-snappoints'), browsers =>
842
+ let prefixSnappoints = require('caniuse-lite/data/features/css-snappoints')
843
+
844
+ f(prefixSnappoints, browsers =>
769
845
  prefix(
770
846
  [
771
847
  'scroll-snap-type',
@@ -782,7 +858,9 @@ f(require('caniuse-lite/data/features/css-snappoints'), browsers =>
782
858
  )
783
859
 
784
860
  // CSS Regions
785
- f(require('caniuse-lite/data/features/css-regions'), browsers =>
861
+ let prefixRegions = require('caniuse-lite/data/features/css-regions')
862
+
863
+ f(prefixRegions, browsers =>
786
864
  prefix(['flow-into', 'flow-from', 'region-fragment'], {
787
865
  feature: 'css-regions',
788
866
  browsers
@@ -790,7 +868,9 @@ f(require('caniuse-lite/data/features/css-regions'), browsers =>
790
868
  )
791
869
 
792
870
  // CSS image-set
793
- f(require('caniuse-lite/data/features/css-image-set'), browsers =>
871
+ let prefixImageSet = require('caniuse-lite/data/features/css-image-set')
872
+
873
+ f(prefixImageSet, browsers =>
794
874
  prefix(['image-set'], {
795
875
  props: [
796
876
  'background',
@@ -809,8 +889,9 @@ f(require('caniuse-lite/data/features/css-image-set'), browsers =>
809
889
  )
810
890
 
811
891
  // Writing Mode
812
- let writingMode = require('caniuse-lite/data/features/css-writing-mode')
813
- f(writingMode, { match: /a|x/ }, browsers =>
892
+ let prefixWritingMode = require('caniuse-lite/data/features/css-writing-mode')
893
+
894
+ f(prefixWritingMode, { match: /a|x/ }, browsers =>
814
895
  prefix(['writing-mode'], {
815
896
  feature: 'css-writing-mode',
816
897
  browsers
@@ -818,7 +899,9 @@ f(writingMode, { match: /a|x/ }, browsers =>
818
899
  )
819
900
 
820
901
  // Cross-Fade Function
821
- f(require('caniuse-lite/data/features/css-cross-fade'), browsers =>
902
+ let prefixCrossFade = require('caniuse-lite/data/features/css-cross-fade')
903
+
904
+ f(prefixCrossFade, browsers =>
822
905
  prefix(['cross-fade'], {
823
906
  props: [
824
907
  'background',
@@ -836,7 +919,9 @@ f(require('caniuse-lite/data/features/css-cross-fade'), browsers =>
836
919
  )
837
920
 
838
921
  // Read Only selector
839
- f(require('caniuse-lite/data/features/css-read-only-write'), browsers =>
922
+ let prefixReadOnly = require('caniuse-lite/data/features/css-read-only-write')
923
+
924
+ f(prefixReadOnly, browsers =>
840
925
  prefix([':read-only', ':read-write'], {
841
926
  selector: true,
842
927
  feature: 'css-read-only-write',
@@ -845,7 +930,9 @@ f(require('caniuse-lite/data/features/css-read-only-write'), browsers =>
845
930
  )
846
931
 
847
932
  // Text Emphasize
848
- f(require('caniuse-lite/data/features/text-emphasis'), browsers =>
933
+ let prefixTextEmphasis = require('caniuse-lite/data/features/text-emphasis')
934
+
935
+ f(prefixTextEmphasis, browsers =>
849
936
  prefix(
850
937
  [
851
938
  'text-emphasis',
@@ -861,9 +948,9 @@ f(require('caniuse-lite/data/features/text-emphasis'), browsers =>
861
948
  )
862
949
 
863
950
  // CSS Grid Layout
864
- let grid = require('caniuse-lite/data/features/css-grid')
951
+ let prefixGrid = require('caniuse-lite/data/features/css-grid')
865
952
 
866
- f(grid, browsers => {
953
+ f(prefixGrid, browsers => {
867
954
  prefix(['display-grid', 'inline-grid'], {
868
955
  props: ['display'],
869
956
  feature: 'css-grid',
@@ -891,7 +978,7 @@ f(grid, browsers => {
891
978
  )
892
979
  })
893
980
 
894
- f(grid, { match: /a x/ }, browsers =>
981
+ f(prefixGrid, { match: /a x/ }, browsers =>
895
982
  prefix(['grid-column-align', 'grid-row-align'], {
896
983
  feature: 'css-grid',
897
984
  browsers
@@ -899,7 +986,9 @@ f(grid, { match: /a x/ }, browsers =>
899
986
  )
900
987
 
901
988
  // CSS text-spacing
902
- f(require('caniuse-lite/data/features/css-text-spacing'), browsers =>
989
+ let prefixTextSpacing = require('caniuse-lite/data/features/css-text-spacing')
990
+
991
+ f(prefixTextSpacing, browsers =>
903
992
  prefix(['text-spacing'], {
904
993
  feature: 'css-text-spacing',
905
994
  browsers
@@ -907,7 +996,9 @@ f(require('caniuse-lite/data/features/css-text-spacing'), browsers =>
907
996
  )
908
997
 
909
998
  // :any-link selector
910
- f(require('caniuse-lite/data/features/css-any-link'), browsers =>
999
+ let prefixAnyLink = require('caniuse-lite/data/features/css-any-link')
1000
+
1001
+ f(prefixAnyLink, browsers =>
911
1002
  prefix([':any-link'], {
912
1003
  selector: true,
913
1004
  feature: 'css-any-link',
@@ -916,9 +1007,9 @@ f(require('caniuse-lite/data/features/css-any-link'), browsers =>
916
1007
  )
917
1008
 
918
1009
  // unicode-bidi
919
- let bidi = require('caniuse-lite/data/features/css-unicode-bidi')
1010
+ let prefixBidi = require('caniuse-lite/data/features/css-unicode-bidi')
920
1011
 
921
- f(bidi, browsers =>
1012
+ f(prefixBidi, browsers =>
922
1013
  prefix(['isolate'], {
923
1014
  props: ['unicode-bidi'],
924
1015
  feature: 'css-unicode-bidi',
@@ -926,7 +1017,7 @@ f(bidi, browsers =>
926
1017
  })
927
1018
  )
928
1019
 
929
- f(bidi, { match: /y x|a x #2/ }, browsers =>
1020
+ f(prefixBidi, { match: /y x|a x #2/ }, browsers =>
930
1021
  prefix(['plaintext'], {
931
1022
  props: ['unicode-bidi'],
932
1023
  feature: 'css-unicode-bidi',
@@ -934,7 +1025,7 @@ f(bidi, { match: /y x|a x #2/ }, browsers =>
934
1025
  })
935
1026
  )
936
1027
 
937
- f(bidi, { match: /y x/ }, browsers =>
1028
+ f(prefixBidi, { match: /y x/ }, browsers =>
938
1029
  prefix(['isolate-override'], {
939
1030
  props: ['unicode-bidi'],
940
1031
  feature: 'css-unicode-bidi',
@@ -943,8 +1034,9 @@ f(bidi, { match: /y x/ }, browsers =>
943
1034
  )
944
1035
 
945
1036
  // overscroll-behavior selector
946
- let over = require('caniuse-lite/data/features/css-overscroll-behavior')
947
- f(over, { match: /a #1/ }, browsers =>
1037
+ let prefixOverscroll = require('caniuse-lite/data/features/css-overscroll-behavior')
1038
+
1039
+ f(prefixOverscroll, { match: /a #1/ }, browsers =>
948
1040
  prefix(['overscroll-behavior'], {
949
1041
  feature: 'css-overscroll-behavior',
950
1042
  browsers
@@ -952,7 +1044,9 @@ f(over, { match: /a #1/ }, browsers =>
952
1044
  )
953
1045
 
954
1046
  // color-adjust
955
- f(require('caniuse-lite/data/features/css-color-adjust'), browsers =>
1047
+ let prefixColorAdjust = require('caniuse-lite/data/features/css-color-adjust')
1048
+
1049
+ f(prefixColorAdjust, browsers =>
956
1050
  prefix(['color-adjust'], {
957
1051
  feature: 'css-color-adjust',
958
1052
  browsers
@@ -960,7 +1054,9 @@ f(require('caniuse-lite/data/features/css-color-adjust'), browsers =>
960
1054
  )
961
1055
 
962
1056
  // text-orientation
963
- f(require('caniuse-lite/data/features/css-text-orientation'), browsers =>
1057
+ let prefixTextOrientation = require('caniuse-lite/data/features/css-text-orientation')
1058
+
1059
+ f(prefixTextOrientation, browsers =>
964
1060
  prefix(['text-orientation'], {
965
1061
  feature: 'css-text-orientation',
966
1062
  browsers