autoprefixer 9.7.5 → 9.7.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/CHANGELOG.md +3 -0
- package/README.md +40 -27
- package/data/prefixes.js +1 -8
- package/lib/hacks/intrinsic.js +8 -10
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -75,30 +75,44 @@ Twitter account for news and releases: [@autoprefixer].
|
|
|
75
75
|
|
|
76
76
|
## Contents
|
|
77
77
|
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
78
|
+
* [Contents](#contents)
|
|
79
|
+
* [Browsers](#browsers)
|
|
80
|
+
* [FAQ](#faq)
|
|
81
|
+
* [Does Autoprefixer polyfill Grid Layout for IE?](#does-autoprefixer-polyfill-grid-layout-for-ie)
|
|
82
|
+
* [Does it add polyfills?](#does-it-add-polyfills)
|
|
83
|
+
* [Why doesn’t Autoprefixer add prefixes to `border-radius`?](#why-doesnt-autoprefixer-add-prefixes-to-border-radius)
|
|
84
|
+
* [Why does Autoprefixer use unprefixed properties in `@-webkit-keyframes`?](#why-does-autoprefixer-use-unprefixed-properties-in--webkit-keyframes)
|
|
85
|
+
* [How to work with legacy `-webkit-` only code?](#how-to-work-with-legacy--webkit--only-code)
|
|
86
|
+
* [Does Autoprefixer add `-epub-` prefix?](#does-autoprefixer-add--epub--prefix)
|
|
87
|
+
* [Why doesn’t Autoprefixer transform generic font-family `system-ui`?](#why-doesnt-autoprefixer-transform-generic-font-family-system-ui)
|
|
88
|
+
* [Usage](#usage)
|
|
89
|
+
* [Gulp](#gulp)
|
|
90
|
+
* [Webpack](#webpack)
|
|
91
|
+
* [CSS-in-JS](#css-in-js)
|
|
92
|
+
* [CLI](#cli)
|
|
93
|
+
* [Other Build Tools](#other-build-tools)
|
|
94
|
+
* [Preprocessors](#preprocessors)
|
|
95
|
+
* [GUI Tools](#gui-tools)
|
|
96
|
+
* [JavaScript](#javascript)
|
|
97
|
+
* [Text Editors and IDE](#text-editors-and-ide)
|
|
98
|
+
* [Warnings](#warnings)
|
|
99
|
+
* [Disabling](#disabling)
|
|
100
|
+
* [Prefixes](#prefixes)
|
|
101
|
+
* [Features](#features)
|
|
102
|
+
* [Control Comments](#control-comments)
|
|
103
|
+
* [Options](#options)
|
|
104
|
+
* [Environment Variables](#environment-variables)
|
|
105
|
+
* [Using environment variables to support CSS Grid prefixes in Create React App](#using-environment-variables-to-support-css-grid-prefixes-in-create-react-app)
|
|
106
|
+
* [Grid Autoplacement support in IE](#grid-autoplacement-support-in-ie)
|
|
107
|
+
* [Beware of enabling autoplacement in old projects](#beware-of-enabling-autoplacement-in-old-projects)
|
|
108
|
+
* [Autoplacement limitations](#autoplacement-limitations)
|
|
109
|
+
* [Both columns and rows must be defined](#both-columns-and-rows-must-be-defined)
|
|
110
|
+
* [Repeat auto-fit and auto-fill are not supported](#repeat-auto-fit-and-auto-fill-are-not-supported)
|
|
111
|
+
* [No manual cell placement or column/row spans allowed inside an autoplacement grid](#no-manual-cell-placement-or-columnrow-spans-allowed-inside-an-autoplacement-grid)
|
|
112
|
+
* [Do not create `::before` and `::after` pseudo elements](#do-not-create-before-and-after-pseudo-elements)
|
|
113
|
+
* [When changing the `grid gap` value, columns and rows must be re-declared](#when-changing-the-grid-gap-value-columns-and-rows-must-be-re-declared)
|
|
114
|
+
* [Debug](#debug)
|
|
115
|
+
* [Security Contact](#security-contact)
|
|
102
116
|
|
|
103
117
|
## Browsers
|
|
104
118
|
|
|
@@ -432,11 +446,10 @@ and automation.
|
|
|
432
446
|
|
|
433
447
|
If you can’t move to a build tool, you can use text editor plugins:
|
|
434
448
|
|
|
449
|
+
* [Visual Studio Code](https://github.com/mrmlnc/vscode-autoprefixer)
|
|
450
|
+
* [Atom Editor](https://github.com/sindresorhus/atom-autoprefixer)
|
|
435
451
|
* [Sublime Text](https://github.com/sindresorhus/sublime-autoprefixer)
|
|
436
452
|
* [Brackets](https://github.com/mikaeljorhult/brackets-autoprefixer)
|
|
437
|
-
* [Atom Editor](https://github.com/sindresorhus/atom-autoprefixer)
|
|
438
|
-
* [Visual Studio](https://github.com/madskristensen/WebCompiler)
|
|
439
|
-
([how to](https://stackoverflow.com/a/54908636/2440))
|
|
440
453
|
|
|
441
454
|
[Parcel]: https://parceljs.org/
|
|
442
455
|
|
package/data/prefixes.js
CHANGED
|
@@ -369,14 +369,7 @@ f(intrinsic, function (browsers) {
|
|
|
369
369
|
f(intrinsic, {
|
|
370
370
|
match: /x|\s#4/
|
|
371
371
|
}, function (browsers) {
|
|
372
|
-
|
|
373
|
-
if (/safari/.test(i)) {
|
|
374
|
-
return i;
|
|
375
|
-
} else {
|
|
376
|
-
return i + " old";
|
|
377
|
-
}
|
|
378
|
-
});
|
|
379
|
-
prefix(['fill', 'fill-available', 'stretch'], {
|
|
372
|
+
return prefix(['fill', 'fill-available', 'stretch'], {
|
|
380
373
|
props: sizeProps,
|
|
381
374
|
feature: 'intrinsic-width',
|
|
382
375
|
browsers: browsers
|
package/lib/hacks/intrinsic.js
CHANGED
|
@@ -45,27 +45,25 @@ var Intrinsic = /*#__PURE__*/function (_Value) {
|
|
|
45
45
|
};
|
|
46
46
|
|
|
47
47
|
_proto.replace = function replace(string, prefix) {
|
|
48
|
-
if (prefix === '-moz-
|
|
48
|
+
if (prefix === '-moz-' && this.isStretch()) {
|
|
49
49
|
return string.replace(this.regexp(), '$1-moz-available$3');
|
|
50
|
-
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
if (prefix === '-webkit-' && this.isStretch()) {
|
|
51
53
|
return string.replace(this.regexp(), '$1-webkit-fill-available$3');
|
|
52
|
-
} else if (prefix === '-webkit-' && this.isStretch()) {
|
|
53
|
-
return string.replace(this.regexp(), '$1-webkit-stretch$3');
|
|
54
|
-
} else {
|
|
55
|
-
return _Value.prototype.replace.call(this, string, prefix);
|
|
56
54
|
}
|
|
55
|
+
|
|
56
|
+
return _Value.prototype.replace.call(this, string, prefix);
|
|
57
57
|
};
|
|
58
58
|
|
|
59
59
|
_proto.old = function old(prefix) {
|
|
60
60
|
var prefixed = prefix + this.name;
|
|
61
61
|
|
|
62
62
|
if (this.isStretch()) {
|
|
63
|
-
if (prefix === '-moz-
|
|
63
|
+
if (prefix === '-moz-') {
|
|
64
64
|
prefixed = '-moz-available';
|
|
65
|
-
} else if (prefix === '-webkit- old') {
|
|
66
|
-
prefixed = '-webkit-fill-available';
|
|
67
65
|
} else if (prefix === '-webkit-') {
|
|
68
|
-
prefixed = '-webkit-
|
|
66
|
+
prefixed = '-webkit-fill-available';
|
|
69
67
|
}
|
|
70
68
|
}
|
|
71
69
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "autoprefixer",
|
|
3
|
-
"version": "9.7.
|
|
3
|
+
"version": "9.7.6",
|
|
4
4
|
"description": "Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website",
|
|
5
5
|
"keywords": ["autoprefixer", "css", "prefix", "postcss", "postcss-plugin"],
|
|
6
6
|
"bin": "./bin/autoprefixer",
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
"node": ">=6.0.0"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"browserslist": "^4.11.
|
|
19
|
-
"caniuse-lite": "^1.0.
|
|
18
|
+
"browserslist": "^4.11.1",
|
|
19
|
+
"caniuse-lite": "^1.0.30001039",
|
|
20
20
|
"chalk": "^2.4.2",
|
|
21
21
|
"normalize-range": "^0.1.2",
|
|
22
22
|
"num2fraction": "^1.2.2",
|