autoprefixer 10.2.5 → 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 +1 -1
- package/data/prefixes.js +181 -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 +59 -47
- 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 +2 -2
- package/lib/old-selector.js +3 -3
- package/lib/old-value.js +2 -2
- package/lib/prefixer.js +8 -8
- 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 +17 -17
- 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 +4 -4
- package/CHANGELOG.md +0 -1029
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,9 +256,9 @@ f(require('caniuse-lite/data/features/css-filter-function'), browsers =>
|
|
|
240
256
|
)
|
|
241
257
|
|
|
242
258
|
// Backdrop-filter
|
|
243
|
-
let
|
|
259
|
+
let prefixBackdrop = require('caniuse-lite/data/features/css-backdrop-filter')
|
|
244
260
|
|
|
245
|
-
f(
|
|
261
|
+
f(prefixBackdrop, { match: /y\sx|y\s#2/ }, browsers =>
|
|
246
262
|
prefix(['backdrop-filter'], {
|
|
247
263
|
feature: 'css-backdrop-filter',
|
|
248
264
|
browsers
|
|
@@ -250,7 +266,9 @@ f(backdrop, { match: /y\sx|y\s#2/ }, browsers =>
|
|
|
250
266
|
)
|
|
251
267
|
|
|
252
268
|
// element() function
|
|
253
|
-
|
|
269
|
+
let prefixElementFunction = require('caniuse-lite/data/features/css-element-function')
|
|
270
|
+
|
|
271
|
+
f(prefixElementFunction, browsers =>
|
|
254
272
|
prefix(['element'], {
|
|
255
273
|
props: [
|
|
256
274
|
'background',
|
|
@@ -268,7 +286,9 @@ f(require('caniuse-lite/data/features/css-element-function'), browsers =>
|
|
|
268
286
|
)
|
|
269
287
|
|
|
270
288
|
// Multicolumns
|
|
271
|
-
|
|
289
|
+
let prefixMulticolumns = require('caniuse-lite/data/features/multicolumn')
|
|
290
|
+
|
|
291
|
+
f(prefixMulticolumns, browsers => {
|
|
272
292
|
prefix(
|
|
273
293
|
[
|
|
274
294
|
'columns',
|
|
@@ -296,7 +316,9 @@ f(require('caniuse-lite/data/features/multicolumn'), browsers => {
|
|
|
296
316
|
})
|
|
297
317
|
|
|
298
318
|
// User select
|
|
299
|
-
|
|
319
|
+
let prefixUserSelect = require('caniuse-lite/data/features/user-select-none')
|
|
320
|
+
|
|
321
|
+
f(prefixUserSelect, browsers =>
|
|
300
322
|
prefix(['user-select'], {
|
|
301
323
|
mistakes: ['-khtml-'],
|
|
302
324
|
feature: 'user-select-none',
|
|
@@ -305,9 +327,9 @@ f(require('caniuse-lite/data/features/user-select-none'), browsers =>
|
|
|
305
327
|
)
|
|
306
328
|
|
|
307
329
|
// Flexible Box Layout
|
|
308
|
-
let
|
|
330
|
+
let prefixFlexbox = require('caniuse-lite/data/features/flexbox')
|
|
309
331
|
|
|
310
|
-
f(
|
|
332
|
+
f(prefixFlexbox, { match: /a\sx/ }, browsers => {
|
|
311
333
|
browsers = browsers.map(i => {
|
|
312
334
|
if (/ie|firefox/.test(i)) {
|
|
313
335
|
return i
|
|
@@ -342,7 +364,7 @@ f(flexbox, { match: /a\sx/ }, browsers => {
|
|
|
342
364
|
)
|
|
343
365
|
})
|
|
344
366
|
|
|
345
|
-
f(
|
|
367
|
+
f(prefixFlexbox, { match: /y\sx/ }, browsers => {
|
|
346
368
|
add(['display-flex', 'inline-flex'], {
|
|
347
369
|
feature: 'flexbox',
|
|
348
370
|
browsers
|
|
@@ -370,7 +392,9 @@ f(flexbox, { match: /y\sx/ }, browsers => {
|
|
|
370
392
|
})
|
|
371
393
|
|
|
372
394
|
// calc() unit
|
|
373
|
-
|
|
395
|
+
let prefixCalc = require('caniuse-lite/data/features/calc')
|
|
396
|
+
|
|
397
|
+
f(prefixCalc, browsers =>
|
|
374
398
|
prefix(['calc'], {
|
|
375
399
|
props: ['*'],
|
|
376
400
|
feature: 'calc',
|
|
@@ -379,7 +403,9 @@ f(require('caniuse-lite/data/features/calc'), browsers =>
|
|
|
379
403
|
)
|
|
380
404
|
|
|
381
405
|
// Background options
|
|
382
|
-
|
|
406
|
+
let prefixBackgroundOptions = require('caniuse-lite/data/features/background-img-opts')
|
|
407
|
+
|
|
408
|
+
f(prefixBackgroundOptions, browsers =>
|
|
383
409
|
prefix(['background-origin', 'background-size'], {
|
|
384
410
|
feature: 'background-img-opts',
|
|
385
411
|
browsers
|
|
@@ -387,7 +413,9 @@ f(require('caniuse-lite/data/features/background-img-opts'), browsers =>
|
|
|
387
413
|
)
|
|
388
414
|
|
|
389
415
|
// background-clip: text
|
|
390
|
-
|
|
416
|
+
let prefixBackgroundClipText = require('caniuse-lite/data/features/background-clip-text')
|
|
417
|
+
|
|
418
|
+
f(prefixBackgroundClipText, browsers =>
|
|
391
419
|
prefix(['background-clip'], {
|
|
392
420
|
feature: 'background-clip-text',
|
|
393
421
|
browsers
|
|
@@ -395,7 +423,9 @@ f(require('caniuse-lite/data/features/background-clip-text'), browsers =>
|
|
|
395
423
|
)
|
|
396
424
|
|
|
397
425
|
// Font feature settings
|
|
398
|
-
|
|
426
|
+
let prefixFontFeature = require('caniuse-lite/data/features/font-feature')
|
|
427
|
+
|
|
428
|
+
f(prefixFontFeature, browsers =>
|
|
399
429
|
prefix(
|
|
400
430
|
[
|
|
401
431
|
'font-feature-settings',
|
|
@@ -410,7 +440,9 @@ f(require('caniuse-lite/data/features/font-feature'), browsers =>
|
|
|
410
440
|
)
|
|
411
441
|
|
|
412
442
|
// CSS font-kerning property
|
|
413
|
-
|
|
443
|
+
let prefixFontKerning = require('caniuse-lite/data/features/font-kerning')
|
|
444
|
+
|
|
445
|
+
f(prefixFontKerning, browsers =>
|
|
414
446
|
prefix(['font-kerning'], {
|
|
415
447
|
feature: 'font-kerning',
|
|
416
448
|
browsers
|
|
@@ -418,7 +450,9 @@ f(require('caniuse-lite/data/features/font-kerning'), browsers =>
|
|
|
418
450
|
)
|
|
419
451
|
|
|
420
452
|
// Border image
|
|
421
|
-
|
|
453
|
+
let prefixBorderImage = require('caniuse-lite/data/features/border-image')
|
|
454
|
+
|
|
455
|
+
f(prefixBorderImage, browsers =>
|
|
422
456
|
prefix(['border-image'], {
|
|
423
457
|
feature: 'border-image',
|
|
424
458
|
browsers
|
|
@@ -426,7 +460,9 @@ f(require('caniuse-lite/data/features/border-image'), browsers =>
|
|
|
426
460
|
)
|
|
427
461
|
|
|
428
462
|
// Selection selector
|
|
429
|
-
|
|
463
|
+
let prefixSelection = require('caniuse-lite/data/features/css-selection')
|
|
464
|
+
|
|
465
|
+
f(prefixSelection, browsers =>
|
|
430
466
|
prefix(['::selection'], {
|
|
431
467
|
selector: true,
|
|
432
468
|
feature: 'css-selection',
|
|
@@ -435,7 +471,9 @@ f(require('caniuse-lite/data/features/css-selection'), browsers =>
|
|
|
435
471
|
)
|
|
436
472
|
|
|
437
473
|
// Placeholder selector
|
|
438
|
-
|
|
474
|
+
let prefixPlaceholder = require('caniuse-lite/data/features/css-placeholder')
|
|
475
|
+
|
|
476
|
+
f(prefixPlaceholder, browsers => {
|
|
439
477
|
prefix(['::placeholder'], {
|
|
440
478
|
selector: true,
|
|
441
479
|
feature: 'css-placeholder',
|
|
@@ -444,7 +482,9 @@ f(require('caniuse-lite/data/features/css-placeholder'), browsers => {
|
|
|
444
482
|
})
|
|
445
483
|
|
|
446
484
|
// Placeholder-shown selector
|
|
447
|
-
|
|
485
|
+
let prefixPlaceholderShown = require('caniuse-lite/data/features/css-placeholder-shown')
|
|
486
|
+
|
|
487
|
+
f(prefixPlaceholderShown, browsers => {
|
|
448
488
|
prefix([':placeholder-shown'], {
|
|
449
489
|
selector: true,
|
|
450
490
|
feature: 'css-placeholder-shown',
|
|
@@ -453,7 +493,9 @@ f(require('caniuse-lite/data/features/css-placeholder-shown'), browsers => {
|
|
|
453
493
|
})
|
|
454
494
|
|
|
455
495
|
// Hyphenation
|
|
456
|
-
|
|
496
|
+
let prefixHyphens = require('caniuse-lite/data/features/css-hyphens')
|
|
497
|
+
|
|
498
|
+
f(prefixHyphens, browsers =>
|
|
457
499
|
prefix(['hyphens'], {
|
|
458
500
|
feature: 'css-hyphens',
|
|
459
501
|
browsers
|
|
@@ -461,9 +503,9 @@ f(require('caniuse-lite/data/features/css-hyphens'), browsers =>
|
|
|
461
503
|
)
|
|
462
504
|
|
|
463
505
|
// Fullscreen selector
|
|
464
|
-
let
|
|
506
|
+
let prefixFullscreen = require('caniuse-lite/data/features/fullscreen')
|
|
465
507
|
|
|
466
|
-
f(
|
|
508
|
+
f(prefixFullscreen, browsers =>
|
|
467
509
|
prefix([':fullscreen'], {
|
|
468
510
|
selector: true,
|
|
469
511
|
feature: 'fullscreen',
|
|
@@ -471,7 +513,7 @@ f(fullscreen, browsers =>
|
|
|
471
513
|
})
|
|
472
514
|
)
|
|
473
515
|
|
|
474
|
-
f(
|
|
516
|
+
f(prefixFullscreen, { match: /x(\s#2|$)/ }, browsers =>
|
|
475
517
|
prefix(['::backdrop'], {
|
|
476
518
|
selector: true,
|
|
477
519
|
feature: 'fullscreen',
|
|
@@ -480,7 +522,9 @@ f(fullscreen, { match: /x(\s#2|$)/ }, browsers =>
|
|
|
480
522
|
)
|
|
481
523
|
|
|
482
524
|
// Tab size
|
|
483
|
-
|
|
525
|
+
let prefixTabsize = require('caniuse-lite/data/features/css3-tabsize')
|
|
526
|
+
|
|
527
|
+
f(prefixTabsize, browsers =>
|
|
484
528
|
prefix(['tab-size'], {
|
|
485
529
|
feature: 'css3-tabsize',
|
|
486
530
|
browsers
|
|
@@ -488,7 +532,7 @@ f(require('caniuse-lite/data/features/css3-tabsize'), browsers =>
|
|
|
488
532
|
)
|
|
489
533
|
|
|
490
534
|
// Intrinsic & extrinsic sizing
|
|
491
|
-
let
|
|
535
|
+
let prefixIntrinsic = require('caniuse-lite/data/features/intrinsic-width')
|
|
492
536
|
|
|
493
537
|
let sizeProps = [
|
|
494
538
|
'width',
|
|
@@ -511,7 +555,7 @@ let sizeProps = [
|
|
|
511
555
|
'grid-auto-rows'
|
|
512
556
|
]
|
|
513
557
|
|
|
514
|
-
f(
|
|
558
|
+
f(prefixIntrinsic, browsers =>
|
|
515
559
|
prefix(['max-content', 'min-content'], {
|
|
516
560
|
props: sizeProps,
|
|
517
561
|
feature: 'intrinsic-width',
|
|
@@ -519,7 +563,7 @@ f(intrinsic, browsers =>
|
|
|
519
563
|
})
|
|
520
564
|
)
|
|
521
565
|
|
|
522
|
-
f(
|
|
566
|
+
f(prefixIntrinsic, { match: /x|\s#4/ }, browsers =>
|
|
523
567
|
prefix(['fill', 'fill-available', 'stretch'], {
|
|
524
568
|
props: sizeProps,
|
|
525
569
|
feature: 'intrinsic-width',
|
|
@@ -527,7 +571,7 @@ f(intrinsic, { match: /x|\s#4/ }, browsers =>
|
|
|
527
571
|
})
|
|
528
572
|
)
|
|
529
573
|
|
|
530
|
-
f(
|
|
574
|
+
f(prefixIntrinsic, { match: /x|\s#5/ }, browsers =>
|
|
531
575
|
prefix(['fit-content'], {
|
|
532
576
|
props: sizeProps,
|
|
533
577
|
feature: 'intrinsic-width',
|
|
@@ -536,7 +580,9 @@ f(intrinsic, { match: /x|\s#5/ }, browsers =>
|
|
|
536
580
|
)
|
|
537
581
|
|
|
538
582
|
// Zoom cursors
|
|
539
|
-
|
|
583
|
+
let prefixCursorsNewer = require('caniuse-lite/data/features/css3-cursors-newer')
|
|
584
|
+
|
|
585
|
+
f(prefixCursorsNewer, browsers =>
|
|
540
586
|
prefix(['zoom-in', 'zoom-out'], {
|
|
541
587
|
props: ['cursor'],
|
|
542
588
|
feature: 'css3-cursors-newer',
|
|
@@ -545,7 +591,9 @@ f(require('caniuse-lite/data/features/css3-cursors-newer'), browsers =>
|
|
|
545
591
|
)
|
|
546
592
|
|
|
547
593
|
// Grab cursors
|
|
548
|
-
|
|
594
|
+
let prefixCursorsGrab = require('caniuse-lite/data/features/css3-cursors-grab')
|
|
595
|
+
|
|
596
|
+
f(prefixCursorsGrab, browsers =>
|
|
549
597
|
prefix(['grab', 'grabbing'], {
|
|
550
598
|
props: ['cursor'],
|
|
551
599
|
feature: 'css3-cursors-grab',
|
|
@@ -554,7 +602,9 @@ f(require('caniuse-lite/data/features/css3-cursors-grab'), browsers =>
|
|
|
554
602
|
)
|
|
555
603
|
|
|
556
604
|
// Sticky position
|
|
557
|
-
|
|
605
|
+
let prefixSticky = require('caniuse-lite/data/features/css-sticky')
|
|
606
|
+
|
|
607
|
+
f(prefixSticky, browsers =>
|
|
558
608
|
prefix(['sticky'], {
|
|
559
609
|
props: ['position'],
|
|
560
610
|
feature: 'css-sticky',
|
|
@@ -563,7 +613,9 @@ f(require('caniuse-lite/data/features/css-sticky'), browsers =>
|
|
|
563
613
|
)
|
|
564
614
|
|
|
565
615
|
// Pointer Events
|
|
566
|
-
|
|
616
|
+
let prefixPointer = require('caniuse-lite/data/features/pointer')
|
|
617
|
+
|
|
618
|
+
f(prefixPointer, browsers =>
|
|
567
619
|
prefix(['touch-action'], {
|
|
568
620
|
feature: 'pointer',
|
|
569
621
|
browsers
|
|
@@ -571,9 +623,9 @@ f(require('caniuse-lite/data/features/pointer'), browsers =>
|
|
|
571
623
|
)
|
|
572
624
|
|
|
573
625
|
// Text decoration
|
|
574
|
-
let
|
|
626
|
+
let prefixDecoration = require('caniuse-lite/data/features/text-decoration')
|
|
575
627
|
|
|
576
|
-
f(
|
|
628
|
+
f(prefixDecoration, browsers =>
|
|
577
629
|
prefix(
|
|
578
630
|
[
|
|
579
631
|
'text-decoration-style',
|
|
@@ -588,7 +640,7 @@ f(decoration, browsers =>
|
|
|
588
640
|
)
|
|
589
641
|
)
|
|
590
642
|
|
|
591
|
-
f(
|
|
643
|
+
f(prefixDecoration, { match: /x.*#[235]/ }, browsers =>
|
|
592
644
|
prefix(['text-decoration-skip', 'text-decoration-skip-ink'], {
|
|
593
645
|
feature: 'text-decoration',
|
|
594
646
|
browsers
|
|
@@ -596,7 +648,9 @@ f(decoration, { match: /x.*#[235]/ }, browsers =>
|
|
|
596
648
|
)
|
|
597
649
|
|
|
598
650
|
// Text Size Adjust
|
|
599
|
-
|
|
651
|
+
let prefixTextSizeAdjust = require('caniuse-lite/data/features/text-size-adjust')
|
|
652
|
+
|
|
653
|
+
f(prefixTextSizeAdjust, browsers =>
|
|
600
654
|
prefix(['text-size-adjust'], {
|
|
601
655
|
feature: 'text-size-adjust',
|
|
602
656
|
browsers
|
|
@@ -604,7 +658,9 @@ f(require('caniuse-lite/data/features/text-size-adjust'), browsers =>
|
|
|
604
658
|
)
|
|
605
659
|
|
|
606
660
|
// CSS Masks
|
|
607
|
-
|
|
661
|
+
let prefixCssMasks = require('caniuse-lite/data/features/css-masks')
|
|
662
|
+
|
|
663
|
+
f(prefixCssMasks, browsers => {
|
|
608
664
|
prefix(
|
|
609
665
|
[
|
|
610
666
|
'mask-clip',
|
|
@@ -638,7 +694,9 @@ f(require('caniuse-lite/data/features/css-masks'), browsers => {
|
|
|
638
694
|
})
|
|
639
695
|
|
|
640
696
|
// CSS clip-path property
|
|
641
|
-
|
|
697
|
+
let prefixClipPath = require('caniuse-lite/data/features/css-clip-path')
|
|
698
|
+
|
|
699
|
+
f(prefixClipPath, browsers =>
|
|
642
700
|
prefix(['clip-path'], {
|
|
643
701
|
feature: 'css-clip-path',
|
|
644
702
|
browsers
|
|
@@ -646,7 +704,9 @@ f(require('caniuse-lite/data/features/css-clip-path'), browsers =>
|
|
|
646
704
|
)
|
|
647
705
|
|
|
648
706
|
// Fragmented Borders and Backgrounds
|
|
649
|
-
|
|
707
|
+
let prefixBoxdecoration = require('caniuse-lite/data/features/css-boxdecorationbreak')
|
|
708
|
+
|
|
709
|
+
f(prefixBoxdecoration, browsers =>
|
|
650
710
|
prefix(['box-decoration-break'], {
|
|
651
711
|
feature: 'css-boxdecorationbreak',
|
|
652
712
|
browsers
|
|
@@ -654,7 +714,9 @@ f(require('caniuse-lite/data/features/css-boxdecorationbreak'), browsers =>
|
|
|
654
714
|
)
|
|
655
715
|
|
|
656
716
|
// CSS3 object-fit/object-position
|
|
657
|
-
|
|
717
|
+
let prefixObjectFit = require('caniuse-lite/data/features/object-fit')
|
|
718
|
+
|
|
719
|
+
f(prefixObjectFit, browsers =>
|
|
658
720
|
prefix(['object-fit', 'object-position'], {
|
|
659
721
|
feature: 'object-fit',
|
|
660
722
|
browsers
|
|
@@ -662,7 +724,9 @@ f(require('caniuse-lite/data/features/object-fit'), browsers =>
|
|
|
662
724
|
)
|
|
663
725
|
|
|
664
726
|
// CSS Shapes
|
|
665
|
-
|
|
727
|
+
let prefixShapes = require('caniuse-lite/data/features/css-shapes')
|
|
728
|
+
|
|
729
|
+
f(prefixShapes, browsers =>
|
|
666
730
|
prefix(['shape-margin', 'shape-outside', 'shape-image-threshold'], {
|
|
667
731
|
feature: 'css-shapes',
|
|
668
732
|
browsers
|
|
@@ -670,7 +734,9 @@ f(require('caniuse-lite/data/features/css-shapes'), browsers =>
|
|
|
670
734
|
)
|
|
671
735
|
|
|
672
736
|
// CSS3 text-overflow
|
|
673
|
-
|
|
737
|
+
let prefixTextOverflow = require('caniuse-lite/data/features/text-overflow')
|
|
738
|
+
|
|
739
|
+
f(prefixTextOverflow, browsers =>
|
|
674
740
|
prefix(['text-overflow'], {
|
|
675
741
|
feature: 'text-overflow',
|
|
676
742
|
browsers
|
|
@@ -678,7 +744,9 @@ f(require('caniuse-lite/data/features/text-overflow'), browsers =>
|
|
|
678
744
|
)
|
|
679
745
|
|
|
680
746
|
// Viewport at-rule
|
|
681
|
-
|
|
747
|
+
let prefixDeviceadaptation = require('caniuse-lite/data/features/css-deviceadaptation')
|
|
748
|
+
|
|
749
|
+
f(prefixDeviceadaptation, browsers =>
|
|
682
750
|
prefix(['@viewport'], {
|
|
683
751
|
feature: 'css-deviceadaptation',
|
|
684
752
|
browsers
|
|
@@ -686,9 +754,9 @@ f(require('caniuse-lite/data/features/css-deviceadaptation'), browsers =>
|
|
|
686
754
|
)
|
|
687
755
|
|
|
688
756
|
// Resolution Media Queries
|
|
689
|
-
let
|
|
757
|
+
let prefixResolut = require('caniuse-lite/data/features/css-media-resolution')
|
|
690
758
|
|
|
691
|
-
f(
|
|
759
|
+
f(prefixResolut, { match: /( x($| )|a #2)/ }, browsers =>
|
|
692
760
|
prefix(['@resolution'], {
|
|
693
761
|
feature: 'css-media-resolution',
|
|
694
762
|
browsers
|
|
@@ -696,7 +764,9 @@ f(resolut, { match: /( x($| )|a #2)/ }, browsers =>
|
|
|
696
764
|
)
|
|
697
765
|
|
|
698
766
|
// CSS text-align-last
|
|
699
|
-
|
|
767
|
+
let prefixTextAlignLast = require('caniuse-lite/data/features/css-text-align-last')
|
|
768
|
+
|
|
769
|
+
f(prefixTextAlignLast, browsers =>
|
|
700
770
|
prefix(['text-align-last'], {
|
|
701
771
|
feature: 'css-text-align-last',
|
|
702
772
|
browsers
|
|
@@ -704,9 +774,9 @@ f(require('caniuse-lite/data/features/css-text-align-last'), browsers =>
|
|
|
704
774
|
)
|
|
705
775
|
|
|
706
776
|
// Crisp Edges Image Rendering Algorithm
|
|
707
|
-
let
|
|
777
|
+
let prefixCrispedges = require('caniuse-lite/data/features/css-crisp-edges')
|
|
708
778
|
|
|
709
|
-
f(
|
|
779
|
+
f(prefixCrispedges, { match: /y x|a x #1/ }, browsers =>
|
|
710
780
|
prefix(['pixelated'], {
|
|
711
781
|
props: ['image-rendering'],
|
|
712
782
|
feature: 'css-crisp-edges',
|
|
@@ -714,7 +784,7 @@ f(crispedges, { match: /y x|a x #1/ }, browsers =>
|
|
|
714
784
|
})
|
|
715
785
|
)
|
|
716
786
|
|
|
717
|
-
f(
|
|
787
|
+
f(prefixCrispedges, { match: /a x #2/ }, browsers =>
|
|
718
788
|
prefix(['image-rendering'], {
|
|
719
789
|
feature: 'css-crisp-edges',
|
|
720
790
|
browsers
|
|
@@ -722,9 +792,9 @@ f(crispedges, { match: /a x #2/ }, browsers =>
|
|
|
722
792
|
)
|
|
723
793
|
|
|
724
794
|
// Logical Properties
|
|
725
|
-
let
|
|
795
|
+
let prefixLogicalProps = require('caniuse-lite/data/features/css-logical-props')
|
|
726
796
|
|
|
727
|
-
f(
|
|
797
|
+
f(prefixLogicalProps, browsers =>
|
|
728
798
|
prefix(
|
|
729
799
|
[
|
|
730
800
|
'border-inline-start',
|
|
@@ -741,7 +811,7 @@ f(logicalProps, browsers =>
|
|
|
741
811
|
)
|
|
742
812
|
)
|
|
743
813
|
|
|
744
|
-
f(
|
|
814
|
+
f(prefixLogicalProps, { match: /x\s#2/ }, browsers =>
|
|
745
815
|
prefix(
|
|
746
816
|
[
|
|
747
817
|
'border-block-start',
|
|
@@ -759,9 +829,9 @@ f(logicalProps, { match: /x\s#2/ }, browsers =>
|
|
|
759
829
|
)
|
|
760
830
|
|
|
761
831
|
// CSS appearance
|
|
762
|
-
let
|
|
832
|
+
let prefixAppearance = require('caniuse-lite/data/features/css-appearance')
|
|
763
833
|
|
|
764
|
-
f(
|
|
834
|
+
f(prefixAppearance, { match: /#2|x/ }, browsers =>
|
|
765
835
|
prefix(['appearance'], {
|
|
766
836
|
feature: 'css-appearance',
|
|
767
837
|
browsers
|
|
@@ -769,7 +839,9 @@ f(appearance, { match: /#2|x/ }, browsers =>
|
|
|
769
839
|
)
|
|
770
840
|
|
|
771
841
|
// CSS Scroll snap points
|
|
772
|
-
|
|
842
|
+
let prefixSnappoints = require('caniuse-lite/data/features/css-snappoints')
|
|
843
|
+
|
|
844
|
+
f(prefixSnappoints, browsers =>
|
|
773
845
|
prefix(
|
|
774
846
|
[
|
|
775
847
|
'scroll-snap-type',
|
|
@@ -786,7 +858,9 @@ f(require('caniuse-lite/data/features/css-snappoints'), browsers =>
|
|
|
786
858
|
)
|
|
787
859
|
|
|
788
860
|
// CSS Regions
|
|
789
|
-
|
|
861
|
+
let prefixRegions = require('caniuse-lite/data/features/css-regions')
|
|
862
|
+
|
|
863
|
+
f(prefixRegions, browsers =>
|
|
790
864
|
prefix(['flow-into', 'flow-from', 'region-fragment'], {
|
|
791
865
|
feature: 'css-regions',
|
|
792
866
|
browsers
|
|
@@ -794,7 +868,9 @@ f(require('caniuse-lite/data/features/css-regions'), browsers =>
|
|
|
794
868
|
)
|
|
795
869
|
|
|
796
870
|
// CSS image-set
|
|
797
|
-
|
|
871
|
+
let prefixImageSet = require('caniuse-lite/data/features/css-image-set')
|
|
872
|
+
|
|
873
|
+
f(prefixImageSet, browsers =>
|
|
798
874
|
prefix(['image-set'], {
|
|
799
875
|
props: [
|
|
800
876
|
'background',
|
|
@@ -813,9 +889,9 @@ f(require('caniuse-lite/data/features/css-image-set'), browsers =>
|
|
|
813
889
|
)
|
|
814
890
|
|
|
815
891
|
// Writing Mode
|
|
816
|
-
let
|
|
892
|
+
let prefixWritingMode = require('caniuse-lite/data/features/css-writing-mode')
|
|
817
893
|
|
|
818
|
-
f(
|
|
894
|
+
f(prefixWritingMode, { match: /a|x/ }, browsers =>
|
|
819
895
|
prefix(['writing-mode'], {
|
|
820
896
|
feature: 'css-writing-mode',
|
|
821
897
|
browsers
|
|
@@ -823,7 +899,9 @@ f(writingMode, { match: /a|x/ }, browsers =>
|
|
|
823
899
|
)
|
|
824
900
|
|
|
825
901
|
// Cross-Fade Function
|
|
826
|
-
|
|
902
|
+
let prefixCrossFade = require('caniuse-lite/data/features/css-cross-fade')
|
|
903
|
+
|
|
904
|
+
f(prefixCrossFade, browsers =>
|
|
827
905
|
prefix(['cross-fade'], {
|
|
828
906
|
props: [
|
|
829
907
|
'background',
|
|
@@ -841,7 +919,9 @@ f(require('caniuse-lite/data/features/css-cross-fade'), browsers =>
|
|
|
841
919
|
)
|
|
842
920
|
|
|
843
921
|
// Read Only selector
|
|
844
|
-
|
|
922
|
+
let prefixReadOnly = require('caniuse-lite/data/features/css-read-only-write')
|
|
923
|
+
|
|
924
|
+
f(prefixReadOnly, browsers =>
|
|
845
925
|
prefix([':read-only', ':read-write'], {
|
|
846
926
|
selector: true,
|
|
847
927
|
feature: 'css-read-only-write',
|
|
@@ -850,7 +930,9 @@ f(require('caniuse-lite/data/features/css-read-only-write'), browsers =>
|
|
|
850
930
|
)
|
|
851
931
|
|
|
852
932
|
// Text Emphasize
|
|
853
|
-
|
|
933
|
+
let prefixTextEmphasis = require('caniuse-lite/data/features/text-emphasis')
|
|
934
|
+
|
|
935
|
+
f(prefixTextEmphasis, browsers =>
|
|
854
936
|
prefix(
|
|
855
937
|
[
|
|
856
938
|
'text-emphasis',
|
|
@@ -866,9 +948,9 @@ f(require('caniuse-lite/data/features/text-emphasis'), browsers =>
|
|
|
866
948
|
)
|
|
867
949
|
|
|
868
950
|
// CSS Grid Layout
|
|
869
|
-
let
|
|
951
|
+
let prefixGrid = require('caniuse-lite/data/features/css-grid')
|
|
870
952
|
|
|
871
|
-
f(
|
|
953
|
+
f(prefixGrid, browsers => {
|
|
872
954
|
prefix(['display-grid', 'inline-grid'], {
|
|
873
955
|
props: ['display'],
|
|
874
956
|
feature: 'css-grid',
|
|
@@ -896,7 +978,7 @@ f(grid, browsers => {
|
|
|
896
978
|
)
|
|
897
979
|
})
|
|
898
980
|
|
|
899
|
-
f(
|
|
981
|
+
f(prefixGrid, { match: /a x/ }, browsers =>
|
|
900
982
|
prefix(['grid-column-align', 'grid-row-align'], {
|
|
901
983
|
feature: 'css-grid',
|
|
902
984
|
browsers
|
|
@@ -904,7 +986,9 @@ f(grid, { match: /a x/ }, browsers =>
|
|
|
904
986
|
)
|
|
905
987
|
|
|
906
988
|
// CSS text-spacing
|
|
907
|
-
|
|
989
|
+
let prefixTextSpacing = require('caniuse-lite/data/features/css-text-spacing')
|
|
990
|
+
|
|
991
|
+
f(prefixTextSpacing, browsers =>
|
|
908
992
|
prefix(['text-spacing'], {
|
|
909
993
|
feature: 'css-text-spacing',
|
|
910
994
|
browsers
|
|
@@ -912,7 +996,9 @@ f(require('caniuse-lite/data/features/css-text-spacing'), browsers =>
|
|
|
912
996
|
)
|
|
913
997
|
|
|
914
998
|
// :any-link selector
|
|
915
|
-
|
|
999
|
+
let prefixAnyLink = require('caniuse-lite/data/features/css-any-link')
|
|
1000
|
+
|
|
1001
|
+
f(prefixAnyLink, browsers =>
|
|
916
1002
|
prefix([':any-link'], {
|
|
917
1003
|
selector: true,
|
|
918
1004
|
feature: 'css-any-link',
|
|
@@ -921,9 +1007,9 @@ f(require('caniuse-lite/data/features/css-any-link'), browsers =>
|
|
|
921
1007
|
)
|
|
922
1008
|
|
|
923
1009
|
// unicode-bidi
|
|
924
|
-
let
|
|
1010
|
+
let prefixBidi = require('caniuse-lite/data/features/css-unicode-bidi')
|
|
925
1011
|
|
|
926
|
-
f(
|
|
1012
|
+
f(prefixBidi, browsers =>
|
|
927
1013
|
prefix(['isolate'], {
|
|
928
1014
|
props: ['unicode-bidi'],
|
|
929
1015
|
feature: 'css-unicode-bidi',
|
|
@@ -931,7 +1017,7 @@ f(bidi, browsers =>
|
|
|
931
1017
|
})
|
|
932
1018
|
)
|
|
933
1019
|
|
|
934
|
-
f(
|
|
1020
|
+
f(prefixBidi, { match: /y x|a x #2/ }, browsers =>
|
|
935
1021
|
prefix(['plaintext'], {
|
|
936
1022
|
props: ['unicode-bidi'],
|
|
937
1023
|
feature: 'css-unicode-bidi',
|
|
@@ -939,7 +1025,7 @@ f(bidi, { match: /y x|a x #2/ }, browsers =>
|
|
|
939
1025
|
})
|
|
940
1026
|
)
|
|
941
1027
|
|
|
942
|
-
f(
|
|
1028
|
+
f(prefixBidi, { match: /y x/ }, browsers =>
|
|
943
1029
|
prefix(['isolate-override'], {
|
|
944
1030
|
props: ['unicode-bidi'],
|
|
945
1031
|
feature: 'css-unicode-bidi',
|
|
@@ -948,9 +1034,9 @@ f(bidi, { match: /y x/ }, browsers =>
|
|
|
948
1034
|
)
|
|
949
1035
|
|
|
950
1036
|
// overscroll-behavior selector
|
|
951
|
-
let
|
|
1037
|
+
let prefixOverscroll = require('caniuse-lite/data/features/css-overscroll-behavior')
|
|
952
1038
|
|
|
953
|
-
f(
|
|
1039
|
+
f(prefixOverscroll, { match: /a #1/ }, browsers =>
|
|
954
1040
|
prefix(['overscroll-behavior'], {
|
|
955
1041
|
feature: 'css-overscroll-behavior',
|
|
956
1042
|
browsers
|
|
@@ -958,7 +1044,9 @@ f(over, { match: /a #1/ }, browsers =>
|
|
|
958
1044
|
)
|
|
959
1045
|
|
|
960
1046
|
// color-adjust
|
|
961
|
-
|
|
1047
|
+
let prefixColorAdjust = require('caniuse-lite/data/features/css-color-adjust')
|
|
1048
|
+
|
|
1049
|
+
f(prefixColorAdjust, browsers =>
|
|
962
1050
|
prefix(['color-adjust'], {
|
|
963
1051
|
feature: 'css-color-adjust',
|
|
964
1052
|
browsers
|
|
@@ -966,7 +1054,9 @@ f(require('caniuse-lite/data/features/css-color-adjust'), browsers =>
|
|
|
966
1054
|
)
|
|
967
1055
|
|
|
968
1056
|
// text-orientation
|
|
969
|
-
|
|
1057
|
+
let prefixTextOrientation = require('caniuse-lite/data/features/css-text-orientation')
|
|
1058
|
+
|
|
1059
|
+
f(prefixTextOrientation, browsers =>
|
|
970
1060
|
prefix(['text-orientation'], {
|
|
971
1061
|
feature: 'css-text-orientation',
|
|
972
1062
|
browsers
|