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.
- package/README.md +3 -3
- package/data/prefixes.js +187 -91
- package/lib/at-rule.js +2 -2
- package/lib/autoprefixer.d.ts +3 -3
- package/lib/autoprefixer.js +28 -18
- package/lib/brackets.js +3 -3
- package/lib/browsers.js +6 -6
- package/lib/declaration.js +14 -14
- package/lib/hacks/align-content.js +3 -3
- package/lib/hacks/align-items.js +3 -3
- package/lib/hacks/align-self.js +4 -4
- package/lib/hacks/animation.js +1 -1
- package/lib/hacks/appearance.js +1 -1
- package/lib/hacks/backdrop-filter.js +1 -1
- package/lib/hacks/background-clip.js +2 -2
- package/lib/hacks/background-size.js +1 -1
- package/lib/hacks/block-logical.js +2 -2
- package/lib/hacks/border-image.js +1 -1
- package/lib/hacks/border-radius.js +2 -2
- package/lib/hacks/break-props.js +4 -4
- package/lib/hacks/color-adjust.js +2 -2
- package/lib/hacks/cross-fade.js +1 -1
- package/lib/hacks/display-flex.js +5 -5
- package/lib/hacks/display-grid.js +2 -2
- package/lib/hacks/filter-value.js +1 -1
- package/lib/hacks/filter.js +1 -1
- package/lib/hacks/flex-basis.js +3 -3
- package/lib/hacks/flex-direction.js +3 -3
- package/lib/hacks/flex-flow.js +1 -1
- package/lib/hacks/flex-grow.js +2 -2
- package/lib/hacks/flex-shrink.js +3 -3
- package/lib/hacks/flex-wrap.js +1 -1
- package/lib/hacks/flex.js +3 -3
- package/lib/hacks/fullscreen.js +1 -1
- package/lib/hacks/gradient.js +18 -18
- package/lib/hacks/grid-area.js +1 -1
- package/lib/hacks/grid-column-align.js +3 -3
- package/lib/hacks/grid-end.js +1 -1
- package/lib/hacks/grid-row-align.js +3 -3
- package/lib/hacks/grid-row-column.js +1 -1
- package/lib/hacks/grid-rows-columns.js +3 -3
- package/lib/hacks/grid-start.js +3 -3
- package/lib/hacks/grid-template-areas.js +2 -2
- package/lib/hacks/grid-template.js +1 -1
- package/lib/hacks/grid-utils.js +60 -48
- package/lib/hacks/image-rendering.js +5 -5
- package/lib/hacks/image-set.js +1 -1
- package/lib/hacks/inline-logical.js +2 -2
- package/lib/hacks/intrinsic.js +6 -6
- package/lib/hacks/justify-content.js +3 -3
- package/lib/hacks/mask-border.js +2 -2
- package/lib/hacks/mask-composite.js +1 -1
- package/lib/hacks/order.js +3 -3
- package/lib/hacks/overscroll-behavior.js +3 -3
- package/lib/hacks/pixelated.js +2 -2
- package/lib/hacks/place-self.js +1 -1
- package/lib/hacks/placeholder-shown.js +1 -1
- package/lib/hacks/placeholder.js +2 -2
- package/lib/hacks/text-decoration-skip-ink.js +1 -1
- package/lib/hacks/text-decoration.js +1 -1
- package/lib/hacks/text-emphasis-position.js +1 -1
- package/lib/hacks/transform-decl.js +4 -4
- package/lib/hacks/user-select.js +2 -2
- package/lib/hacks/writing-mode.js +1 -1
- package/lib/info.js +8 -4
- package/lib/old-selector.js +3 -3
- package/lib/old-value.js +2 -2
- package/lib/prefixer.js +13 -9
- package/lib/prefixes.js +124 -68
- package/lib/processor.js +14 -14
- package/lib/resolution.js +6 -6
- package/lib/selector.js +10 -10
- package/lib/supports.js +28 -20
- package/lib/transition.js +15 -15
- package/lib/utils.js +65 -67
- package/lib/value.js +7 -7
- package/lib/vendor.js +2 -2
- package/package.json +5 -5
- 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
|
|
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
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
145
|
+
let prefixTransforms3d = require('caniuse-lite/data/features/transforms3d')
|
|
136
146
|
|
|
137
|
-
f(
|
|
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(
|
|
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
|
|
168
|
+
let prefixGradients = require('caniuse-lite/data/features/css-gradients')
|
|
159
169
|
|
|
160
|
-
f(
|
|
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(
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
244
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
308
|
-
|
|
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(
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
506
|
+
let prefixFullscreen = require('caniuse-lite/data/features/fullscreen')
|
|
463
507
|
|
|
464
|
-
f(
|
|
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(
|
|
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
|
-
|
|
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
|
|
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(
|
|
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(
|
|
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(
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
626
|
+
let prefixDecoration = require('caniuse-lite/data/features/text-decoration')
|
|
573
627
|
|
|
574
|
-
f(
|
|
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(
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
688
|
-
|
|
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
|
-
|
|
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
|
|
777
|
+
let prefixCrispedges = require('caniuse-lite/data/features/css-crisp-edges')
|
|
705
778
|
|
|
706
|
-
f(
|
|
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(
|
|
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
|
|
795
|
+
let prefixLogicalProps = require('caniuse-lite/data/features/css-logical-props')
|
|
723
796
|
|
|
724
|
-
f(
|
|
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(
|
|
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
|
|
760
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
813
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
951
|
+
let prefixGrid = require('caniuse-lite/data/features/css-grid')
|
|
865
952
|
|
|
866
|
-
f(
|
|
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(
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
1010
|
+
let prefixBidi = require('caniuse-lite/data/features/css-unicode-bidi')
|
|
920
1011
|
|
|
921
|
-
f(
|
|
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(
|
|
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(
|
|
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
|
|
947
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|