satya164 / quik

:rocket: A quick way to prototype and build apps with React and Babel with zero-setup.
526 stars 30 forks source link

An in-range update of autoprefixer is breaking the build 🚨 #288

Open greenkeeper[bot] opened 7 years ago

greenkeeper[bot] commented 7 years ago

Version 7.1.0 of autoprefixer just got published.

Branch Build failing 🚨
Dependency autoprefixer
Current Version 7.0.1
Type dependency

This version is covered by your current version range and after updating it in your project the build failed.

autoprefixer is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them. I recommend you give this issue a very high priority. I’m sure you can resolve this :muscle:

Status Details - ✅ **dependency-ci** Dependencies checked [Details](https://dependencyci.com/builds/212264),- ❌ **continuous-integration/travis-ci/push** The Travis CI build could not complete due to an error [Details](https://travis-ci.org/satya164/quik/builds/232241709?utm_source=github_status&utm_medium=notification)

Release Notes 7.1 “Universitas litterarum”

Humboldt University of Berlin coat of arms

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 and isolate-override values in unicode-bidi:

.foo {
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}

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 in grid-template-columns and other Grid Layout properties.

.foo {
  grid-template-columns: minmax(100px, -webkit-min-content);
  grid-template-columns: minmax(100px, min-content);
}

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 added from option to info().

Set the path to your CSS file and info() will show what prefixes and why it will added to this CSS file:

autoprefixer.info({ from: './scr/app.css' })
//=> Browsers:
//     Chrome: 58
//
//   These browsers account for 1.68% of all users globally
//
//   Selectors:
//     :fullscreen: webkit
//   …
Not sure how things should work exactly? There is a collection of [frequently asked questions](https://greenkeeper.io/faq.html) and of course you may always [ask my humans](https://github.com/greenkeeperio/greenkeeper/issues/new).

Your Greenkeeper Bot :palm_tree:

greenkeeper[bot] commented 7 years ago

Version 7.1.1 just got published.

Your tests are still failing with this version. Compare the changes 🚨

Release Notes 7.1.1
  • Remove non--webkit- intrinsic prefixes in Grid Layout (by @yisibl).
greenkeeper[bot] commented 7 years ago

Version 7.1.2 just got published.

Your tests are passing again with this version. Explicitly upgrade to this version 🚀

Release Notes 7.1.2
  • Fix text-decoration shortcut support.
greenkeeper[bot] commented 7 years ago

Version 7.1.3 just got published.

Your tests are still failing with this version. Compare the changes 🚨

greenkeeper[bot] commented 7 years ago

Version 7.1.4 just got published.

Your tests are still failing with this version. Compare the changes 🚨