chore(deps): update dependency autoprefixer to v9 #38
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR contains the following updates:
^6.3.3
->^9.0.0
Release Notes
postcss/autoprefixer
v9.3.1
Compare Source
repeat()
value (by Bogdan Dolin).v9.3.0
Compare Source
Autoprefixer 9.3 brings
place-self
support for Grid Layoutplace-self
@Dan503 and @bogdan0083 found a way to impement support for another Grid property
Other Changes
@Dan503 and @bogdan0083 also detected and fixed issue with Grid row/column span inheritance.
v9.2.1
Compare Source
v9.2.0
Compare Source
Autoprefixer 9.2 brings many new improvements for
-ms-
prefixes for Grid Layout.New Ways to Enable/Disable Grid Layout
In previous versions, you had needed to pass
grid: true
to enable prefixes for Grid Layout. But not all users have access to Autoprefixer options. CodePen, Create Reat App or Angular CLI doesn’t allow you to do it.In Autoprefixer 9.2 @fanich37 added special control comments:
Autoprefixer doesn’t support Grid properties and values with
auto
. In 9.2 it will ignore whole@supports
content if it contains these Grid properties:Smarter
grid-area
Autoprefixer supports
grid-template
even if it was not in IE Grid spec.But in 9.2 @bogdan0083 really improve it according to @Dan503 idea. Now Autoprefixer supports even overriding
grid-template
.Other Changes
v9.1.5
Compare Source
@babel/register
from dependencies.v9.1.4
Compare Source
v9.1.3
Compare Source
autoprefixer --info
alphabetically.v9.1.2
Compare Source
autoprefixer --info
in new Node.js.v9.1.1
Compare Source
grid-gap
through@media
(by Bogdan Dolin).grid-template
and@media
(by Bogdan Dolin).span X
Grid prefix (by Bogdan Dolin).v9.1.0
Compare Source
Autoprefixer 9.1 brings
background-clip: text
and fixspan
in IE Grid.Background Clip
background-clip: text
become to be the standard and got Edge support. So we added it to Autoprefixer:Note, that Edge expect
-webkit-
prefix for this property.Grid Layout Fix
@bogdan0083 fixed an issue when media-query override some
grid-template
.v9.0.2
Compare Source
v9.0.1
Compare Source
v9.0.0
Compare Source
Autoprefixer 9.0 brings Browserslist 4.0 and drops Node.js 4 support.
Breaking Changes
We removed Node.js 4 and Node.js 9 support since it doesn’t have security updates anymore.
We removed IE and “dead” browsers (without security updates) from Babel’s targets. Don't worry, Autoprefixer still generate IE-compatible code. These changes affect websites which run Autoprefixer on client-side like CodePen.
Autoprefixer Rails 9.0 dropped the RubyRacer and Sprockets 3 support.
Browserslist 4.0
Autoprefixer 9.0 uses Browserslist 4.0 to get your target browsers.
Now you use Browserslist to specify Node.js versions. Babel 7 will use Browserslist config as well.
Also, Browserslist 4.0 will warn you if you didn’t update Can I Use DB for last than 6 month.
PostCSS 7.0
Autoprefixer 9.0 uses PostCSS 7.0
v8.6.5
Compare Source
v8.6.4
Compare Source
stretch
prefix in Chrome >= 46.v8.6.3
Compare Source
grid
option for grid properties inautoprefixer --info
.v8.6.2
Compare Source
@media
(by Evgeny Petukhov).v8.6.1
Compare Source
grid-template
with media queries (by Evgeny Petukhov).v8.6.0
Compare Source
Autoprefixer 8.6 brings
gap
property support and two values support forgrid-gap
/gap
.Grid Gap
CSSWG renamed
grid-gap
property togap
.@yepninja added
gap
support with 2 values support.Grid layout code bellow will work even in IE if you pass
grid: true
option to Autoprefixer:Other Changes
ignoreUnknownVersions
option for Browserslistv8.5.2
Compare Source
grid-template
support wit auto row sizes (by Yury Timofeev).v8.5.1
Compare Source
-webkit-fill-available
.v8.5.0
Compare Source
Autoprefixer 8.5 brings
grid-gap
support and fixradial-gradient
.Grid Gap
@yepninja continues his amazing work of adding CSS Grid Layout support to Autoprefixer.
Now he brought
grid-gap
. It is amazing work since IE 11 has gaps support in-ms-
grids.To add
grid-gap
support for IE 11 Autoprefixer adds addition grid cells. Unfortunately, it will work only if you havegrid-template
in the same rule withgrid-gap
. We had big discussion with a community about these limits.Set
postcss-gap-properties
before Autoprefixer if you want to use newgap
property.Radial Gradients
Old gradients with prefixes used a different direction syntax. Autoprefixer converts direction to old syntax (or warn you to rewrite direction from old to new syntax).
But it has an issue with extent keywords like
circle closest-corner
. We fixed it after @BaliBalo report.v8.4.1
Compare Source
v8.4.0
Compare Source
Autoprefixer 8.4 brings new control comment to ignore next line.
@vostrik implemented the @levin-du’s idea of having control comment to disable only next property/rule:
v8.3.0
Compare Source
Autoprefixer 8.3 adds
@media
support forgrid-template
and fixes gradient direction warning.Media and Grid Layout
@evgeny-petukhov continues his great work for Grid Layout support in Autoprefixer.
Now he improved
@media
support. Now this CSS will work in IE:Don’t forget that Autoprefixer inserts Grid Layout prefixes only if you set
grid: true
option.Gradient Warning
@radium-v found that Autoprefixer show warning even if
cover
is outside ofradial-gradient
.@kotfire improve old direction detection and fix this issue.
v8.2.0
Compare Source
Autoprefixer 8.2 brings
color-adjust
support.@YozhikM, @soul-wish, and @yuriyalekseyev did a great work. They added new data to Can I Use and implemented a new feature to Autoprefixer.
v8.1.0
Compare Source
Autoprefixer 8.1 brings
overscroll-behavior
and better Grid support.Overscroll Behavior
@Malvoz suggested the great idea to polyfill
overscroll-behavior
for IE 11 and Edge by-ms-scroll-chaining
.Note, that
overscroll-behavior-x
andoverscroll-behavior-y
are not supported since-ms-
property doesn’t have this freedom.Better Grid Layout
@evgeny-petukhov continues his amazing work and now Autoprefixer polyfills Grid Layout for IE in more cases.
He added
grid-template
shortcut support and improve support ofgrid-column-end
andgrid-row-end
.Grid properties were fixed in
@supports
. We recommend:@supports (display: grid)
.@supports (grid-gap: 0)
.Note, that you need
grid: true
option to Autoprefixer to add-ms-
prefixes for Grid Layout.v8.0.0
Compare Source
Autoprefixer 8.0 uses Browserslist 3.0, has
autoprefixer
CLI tool instead ofautoprefixer-info
.Browserslist 3.0
The main feature of Autoprefixer 8.0 is Browserslist 3.0. In the new version, it brings new default browsers. It will affect you only if you don’t change browsers by
.browserslistrc
orbrowserslist
key inpackage.json
(we don’t recommend to usebrowsers
option).In one hand, Browserslist 3.0 usage statistics limit for default browsers was reduced from
>1%
to>0.5%
. In another hand, we remove dead browsers from default browsers. The dead browser is a browser with < than 1% in the global market and who don’t have security updates. Right now IE 10 and BlackBerry browser are dead browsers.Read other notable changes in Browserslist 3.0 changelog. We recommend subscribing for @Browserslist twitter account.
CLI Tool
CLI tool to show target browsers and used prefixes was renamed to
autoprefixer
:With the new name,
npx
will install Autoprefixer automatically if it is missed in the current project.Page Breaks for Firefox
Previous Autoprefixer versions replace
break-*
properties topage-break-*
for Firefox.But this feature didn’t add any vendor prefix. Autoprefixer goal is to take care only about prefixes, not polyfills. For better consistency, we removed this feature from Autoprefixer.
Don’t afraid, the PostCSS ecosystem has many plugins for CSS polyfills. We recommend to take look at postcss-preset-env to write future CSS today.
v7.2.6
Compare Source
-ms-
prefix for grid cells with samegrid-area
(by Evgeny Petukhov).v7.2.5
Compare Source
v7.2.4
Compare Source
v7.2.3
Compare Source
grid-template-areas
in@media
(by Evgeny Petukhov).v7.2.2
Compare Source
_autoprefixerDisabled is undefined
issue.v7.2.1
Compare Source
v7.2.0
Compare Source
Autoprefixer 7.2 brings better Grid support for IE
and
autoprefixer-info
CLI tool.Grid Layout
With
grid: true
option Autoprefixer adds-ms-
prefixes to Grid Layout properties. But this feature was very limited.In 7.0 we dramatically improved Grid support for IE. @Alex7Kom added
grid-area
and improvedgrid-row
andgrid-column
support. @evgeny-petukhov addedgrid-template-areas
andgrid-template
support.Even this complex emoji example will work with new Autoprefixer (output):
Just don’t forget to set
grid: true
option:Info CLI Tool
Autoprefixer 7.2 ships with new CLI tool to check which browsers are selected and which properties will be prefixed.
Just go to your project directory and run
npx autoprefixer-info
:Also, @pdokas added default value (current working dir) for
from
option inautoprefixer.info()
.Other Changes
radial-gradient
properties warning.reverse
animation direction.v7.1.6
Compare Source
browserslist
option instead ofbrowsers
.Invalid array length
error during indent changes.v7.1.5
Compare Source
::placeholder
prefix for Edge.inherit
/initial
/unset
values forflex-direction
.v7.1.4
Compare Source
radial-gradient
direction conversion.image-set
incursor
.v7.1.3
Compare Source
radial-gradient
direction syntax.v7.1.2
Compare Source
text-decoration
shortcut support.v7.1.1
Compare Source
-webkit-
intrinsic prefixes in Grid Layout (by 一丝).v7.1.0
Compare Source
Autoprefixer 7.1 brings
unicode-bidi
support,-webkit-appearance
to Edge and fix intrinsic widths prefixes in Grid Layout.unicode-bidi
Autoprefixer 7.1 will add prefixes for
isolate
,plaintext
andisolate-override
values inunicode-bidi
:Edge and
-webkit-appearance
Prefixes sometime could be very strange. Edge started to support
appearance
property with a prefix. But because of many only-for-Safari websites it supports-webkit-appearance
instead of-ms-appearance
.Autoprefixer 7.1 knows it and will generate
-webkit-appearance
even if you set only"last 1 Edge version"
in browserslist config.Intrinsic Widths
min-content
,stretch
and other Intrinsic sizes was fixed ingrid-template-columns
and other Grid Layout properties.Browserslist in
info()
By accident Browserslist 1 loaded config from current working dir if file path was missed. In Browserslist 2 we fixed it and now you must specify path to file in explicit way.
It is not a problem for Autoprefixer user, because Autoprefixer takes CSS file path from PostCSS.
But
autoprefixer.info()
stopped to load conifg in 7.0. In 7.1 we addedfrom
option toinfo()
.Set the path to your CSS file and
info()
will show what prefixes and why it will added to this CSS file:v7.0.1
Compare Source
v7.0.0
Compare Source
Autoprefixer 7.0 uses PostCSS 6.0, Browserslist 2.0 and
caniuse-lite
.Browserslist 2.0
Browserslist 2.0 and
caniuse-lite
by @ben-eb are the main changes in Autoprefixer 7.0. We wrote an article about these changes:> Autoprefixer 7.0 and Browserslist 2.0
Breaking Changes
Node.js stopped 0.12 support in January 01. So PostCSS dropped Node.js 0.12 from all tests. Please update your Node.js version to 4.0 or 7.0.
IE has very basic support of Grid Layout. So Autoprefixer added
-ms-
prefixes and change property syntax. Unfortunately, IE supports a really small subset of Grid Layout. So prefixes were not really useful. This is why we disabled Grid Layout prefixes by default. But you still can enable it:Babel
Autoprefixer was one of the biggest CoffeeScript projects. We thought to rewrite it, but reasons were small, and work was big. But @Semigradsky used great decaffeinate tool for automatically CoffeeScript → ES6 converting, and now all Autoprefixer sources are written in JS.
PostCSS 6.0
New PostCSS uses stream parser and uses less memory. Also, it uses less space in
node_modules
.Other Changes
^
for Browserslist dependencies, instead of~
.-ms-grid-column-align
.Renovate configuration
📅 Schedule: At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻️ Rebasing: Whenever PR becomes conflicted, or if you modify the PR title to begin with "
rebase!
".🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by Renovate Bot. View repository job log here.