autoprefixer 10.2.3 → 10.3.0
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 +4 -5
- package/data/prefixes.js +206 -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/file-selector-button.js +17 -0
- 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 -11
- package/lib/prefixes.js +126 -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 -1022
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
|
|
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):
|
|
@@ -59,7 +59,6 @@ Twitter account for news and releases: [@autoprefixer].
|
|
|
59
59
|
|
|
60
60
|
[interactive demo]: https://autoprefixer.github.io/
|
|
61
61
|
[@autoprefixer]: https://twitter.com/autoprefixer
|
|
62
|
-
[recommended]: https://developers.google.com/web/tools/setup/setup-buildtools#dont_trip_up_with_vendor_prefixes
|
|
63
62
|
[Can I Use]: https://caniuse.com/
|
|
64
63
|
[cult-img]: http://cultofmartians.com/assets/badges/badge.svg
|
|
65
64
|
[PostCSS]: https://github.com/postcss/postcss
|
|
@@ -1001,8 +1000,8 @@ IE will place `.grid-cell`, `::before` and `::after` in row 1 column 1.
|
|
|
1001
1000
|
Modern browsers on the other hand will place `::before` in row 1 column 1,
|
|
1002
1001
|
`.grid-cell` in row 1 column 2, and `::after` in row 2 column 1.
|
|
1003
1002
|
|
|
1004
|
-
See this [
|
|
1005
|
-
of the issue. View the
|
|
1003
|
+
See this [CodePen](https://codepen.io/daniel-tonon/pen/gBymVw) to see a visualization
|
|
1004
|
+
of the issue. View the CodePen in both a modern browser and IE to see the difference.
|
|
1006
1005
|
|
|
1007
1006
|
Note that you can still create `::before` and `::after` elements as long as you manually
|
|
1008
1007
|
place them outside the explicit grid.
|
|
@@ -1062,7 +1061,7 @@ If you wish to change the size of a `grid-gap`, you will need to redeclare the g
|
|
|
1062
1061
|
Run `npx autoprefixer --info` in your project directory to check
|
|
1063
1062
|
which browsers are selected and which properties will be prefixed:
|
|
1064
1063
|
|
|
1065
|
-
```
|
|
1064
|
+
```console
|
|
1066
1065
|
$ npx autoprefixer --info
|
|
1067
1066
|
Browsers:
|
|
1068
1067
|
Edge: 16
|