autoprefixer 9.4.1 → 9.4.2
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 +2 -2
- package/lib/hacks/grid-rows-columns.js +28 -29
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
title="Autoprefixer logo by Anton Lovchikov">
|
|
6
6
|
|
|
7
7
|
[PostCSS] plugin to parse CSS and add vendor prefixes to CSS rules using values
|
|
8
|
-
from [Can I Use]. It is [recommended] by Google and used in Twitter and
|
|
8
|
+
from [Can I Use]. It is [recommended] by Google and used in Twitter and Alibaba.
|
|
9
9
|
|
|
10
10
|
Write your CSS rules without vendor prefixes (in fact, forget about them
|
|
11
11
|
entirely):
|
|
@@ -114,7 +114,7 @@ Financial Times and Yandex use it in production.
|
|
|
114
114
|
|
|
115
115
|
Third, there is only very limited auto placement support. Read the [Grid Autoplacement support in IE](#grid-autoplacement-support-in-ie) section for more details.
|
|
116
116
|
|
|
117
|
-
Fourth, if you are not using the
|
|
117
|
+
Fourth, if you are not using the autoplacement feature, the best way to use Autoprefixer is by using `grid-template` or `grid-template-areas`.
|
|
118
118
|
|
|
119
119
|
```css
|
|
120
120
|
.page {
|
|
@@ -101,42 +101,41 @@ function (_Declaration) {
|
|
|
101
101
|
if (autoflow && !processor.disabled(autoflow, result)) {
|
|
102
102
|
autoflowValue = autoflow.value.trim();
|
|
103
103
|
}
|
|
104
|
-
/**
|
|
105
|
-
* Show warning if grid-template-rows decl is not found
|
|
106
|
-
*/
|
|
107
104
|
|
|
105
|
+
if (status === 'autoplace') {
|
|
106
|
+
/**
|
|
107
|
+
* Show warning if grid-template-rows decl is not found
|
|
108
|
+
*/
|
|
109
|
+
var rowDecl = parent.nodes.find(function (i) {
|
|
110
|
+
return i.prop === 'grid-template-rows';
|
|
111
|
+
});
|
|
108
112
|
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
}
|
|
119
|
-
/**
|
|
120
|
-
* Show warning if grid-template-columns decl is not found
|
|
121
|
-
*/
|
|
122
|
-
|
|
113
|
+
if (!rowDecl && hasGridTemplate) {
|
|
114
|
+
return undefined;
|
|
115
|
+
} else if (!rowDecl && !hasGridTemplate) {
|
|
116
|
+
decl.warn(result, "Autoplacement does not work without grid-template-rows property");
|
|
117
|
+
return undefined;
|
|
118
|
+
}
|
|
119
|
+
/**
|
|
120
|
+
* Show warning if grid-template-columns decl is not found
|
|
121
|
+
*/
|
|
123
122
|
|
|
124
|
-
var columnDecl = parent.nodes.find(function (i) {
|
|
125
|
-
return i.prop === 'grid-template-columns';
|
|
126
|
-
});
|
|
127
123
|
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
/**
|
|
132
|
-
* Autoplace grid items
|
|
133
|
-
*/
|
|
124
|
+
var columnDecl = parent.nodes.find(function (i) {
|
|
125
|
+
return i.prop === 'grid-template-columns';
|
|
126
|
+
});
|
|
134
127
|
|
|
128
|
+
if (!columnDecl && !hasGridTemplate) {
|
|
129
|
+
decl.warn(result, "Autoplacement does not work without grid-template-columns property");
|
|
130
|
+
}
|
|
131
|
+
/**
|
|
132
|
+
* Autoplace grid items
|
|
133
|
+
*/
|
|
135
134
|
|
|
136
|
-
var autoplaceEnabled = status === 'autoplace';
|
|
137
135
|
|
|
138
|
-
|
|
139
|
-
|
|
136
|
+
if (isColumnProp && !hasGridTemplate) {
|
|
137
|
+
autoplaceGridItems(decl, result, gap, autoflowValue);
|
|
138
|
+
}
|
|
140
139
|
}
|
|
141
140
|
|
|
142
141
|
return undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "autoprefixer",
|
|
3
|
-
"version": "9.4.
|
|
3
|
+
"version": "9.4.2",
|
|
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
|
"author": "Andrey Sitnik <andrey@sitnik.ru>",
|