Comments (8)
After pinning to 9.4.3 your tests are still failing. The reported issue might not affect your project. These imprecisions are caused by inconsistent test results.
from blog.
- The
devDependency
autoprefixer was updated from9.4.4
to9.4.5
.
Your tests are passing again with this update. Explicitly upgrade to this version 🚀
Release Notes for 9.4.5
- Fix
text-decoration-skip-ink
support.
from blog.
- The
devDependency
autoprefixer was updated from9.4.7
to9.4.8
.
Your tests are passing again with this update. Explicitly upgrade to this version 🚀
Release Notes for 9.4.8
- Fix
calc()
support in Grid gap.
from blog.
- The
devDependency
autoprefixer was updated from9.4.8
to9.4.9
.
Your tests are passing again with this update. Explicitly upgrade to this version 🚀
Release Notes for 9.4.9
- Fix
grid-template
and@media
case (by @bogdan0083).
from blog.
- The
devDependency
autoprefixer was updated from9.4.9
to9.4.10
.
Your tests are passing again with this update. Explicitly upgrade to this version 🚀
Release Notes for 9.4.10
- Add warning for named Grid rows.
from blog.
- The
devDependency
autoprefixer was updated from9.4.10
to9.5.0
.
Your tests are passing again with this update. Explicitly upgrade to this version 🚀
Release Notes for 9.5 “Draco dormiens nunquam titillandus”
Autoprefixer 9.5 brings mask-composite
support.
a { mask-composite: add; } b { mask: url(intersect.png) intersect, url(exclude.png); }
a { -webkit-mask-composite: source-over; mask-composite: add; } b { -webkit-mask: url(intersect.png), url(exclude.png); -webkit-mask-composite: source-in, xor; mask: url(intersect.png) intersect, url(exclude.png); }
Thanks to @semeleven for implementation and @iamvdo for suggestion.
from blog.
- The
devDependency
autoprefixer was updated from9.5.0
to9.5.1
.
Your tests are passing again with this update. Explicitly upgrade to this version 🚀
Release Notes for 9.5.1
- Fix
backdrop-filter
for Edge (by @AleshaOleg). - Fix
min-resolution
media query support in Firefox < 16.
from blog.
- The
devDependency
autoprefixer was updated from9.5.1
to9.6.0
.
Your tests are still failing with this version. Compare changes
Release Notes for 9.6 “Nunc id vides, nunc ne vides”
Autoprefixer 9.6 marked browsers
option as deprecated and added text-orientation
and @media (min-resolution: 2x)
support.
We added the “Sponsor” button to your repository. You can support Autoprefixer and other open source projects important for your business by Tidelift.
Browsers
Autoprefixer adds prefixes only for target browsers, browsers which is support on your project.
Initially, Autoprefixer had the browsers
option to set target browsers. But we found that many tools need target browsers too. postcss-preset-env
and babel-preset-env
use them to add only actual polyfills, postcss-normalize uses them to add only necessary CSS reset rules, plugins for ESLint and Stylelint will warn you if some of the target browsers doesn’t support your code.
This is why we created Browserslist config file. It is a single config for all tools.
A lot of users still uses the browsers
option. We understand them; it is hard to change old practice. Unfortunately, using the browsers
option creates many problems. For instance, you can miss that your build tool has own Autoprefixer inside. It will cut your prefixes because it will not know about your target browsers.
This is why, in 9.6, we decided to deprecate the browsers
option. Autoprefixer will show a warning on this option. In the next 10.0 release, we will drop this option. This is how you can migrate:
-
Create
browserslist
key with an array inpackage.json
. -
Copy queries from the
browsers
option. If you havebrowsers: [“last 1 version”, “not dead”]
, then you need:"browserslist": [ "last 1 version", "not dead" ]
HiDPI Media Query
We all need to support HiDPI/retina screen now. Autoprefixer supports specific media query for HiDPI screens:
.image { background-image: url([email protected]); } @media (min-resolution: 2dppx) { .image { background-image: url([email protected]); } }
.image { background-image: url([email protected]); } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) { .image { background-image: url([email protected]); } }
Bug we found that CSS Values 4 spec added x
alias for dppx
.
Autoprefixer 9.6 supports @media (min-resolution: 2x)
shortcut. Note, that Autoprefixer will not convert it to 2dppx
. Autoprefixer adds only prefixes. Use postcss-preset-env
to add polyfills.
Other
text-orientation
property support was added.- @jmmarco added
CONTRIBUTING.md
from blog.
Related Issues (20)
- An in-range update of @types/uuid is breaking the build 🚨 HOT 1
- An in-range update of @types/koa is breaking the build 🚨 HOT 1
- [zh] Angular 实践:如何优雅地发起和处理请求
- [zh] 一个因抑郁症从阿里离职的前端工程师的自白 HOT 1
- [zh] 灵雀云究竟是一家什么样的公司?
- [en] My 'tough' 2019 [zh] 我『艰难』的 2019
- [zh] 为什么用 Angular 的比用 Vue/React 的少那么多?
- [en] From TS compiler option `useDefineForClassFields` to ES proposal `class-fields` [zh] 从 TS 的 `useDefineForClassFields` 选项到 ES `class-fields` 提案 HOT 2
- Action Required: Fix Renovate Configuration
- [en] Correct way to call `async` fn synchronously: `worker_threads` [zh] 在 Node.js 中同步调用异步函数的正确方式:`worker_threads`
- Dependency Dashboard
- 使用 rxjs 实现一个简易拖拽元素功能
- Angular Reactive Form Tips
- RegExp tips
- ESLint 插件支持 native ESM 踩坑实践记录
- 为什么有一些Angular开发人员再也不想用它了?
- 我的家庭万兆网络升级之路
- 我的 2023 之年终总结
- Stand with `no(po)lyfill`
- 2023 年终 review,我给自己打 5 分
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from blog.