search

katallaxie / angular-preboot

:metal: A teeny tiny Angular (4 :tada:) seed to get your next great project booted. It is powered by great ideas and Webpack. It does AutoDLL, AoT, PostCss, Autoprefixer, and some other cool things.
MIT License
11 stars 1 forks source link

Update autoprefixer to the latest version 🚀 #198

Open greenkeeper[bot] opened 6 years ago

greenkeeper[bot] commented 6 years ago

Version 8.0.0 of autoprefixer was just published.

Dependency autoprefixer
Current Version 7.2.6
Type devDependency

The version 8.0.0 is not covered by your current version range.

If you don’t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.

It might be worth looking into these changes and trying to get this project onto the latest version of autoprefixer.

If you have a solid test suite and good coverage, a passing build is a strong indicator that you can take advantage of these changes directly by merging the proposed change into your project. If the build fails or you don’t have such unconditional trust in your tests, this branch is a great starting point for you to work on the update.

FAQ and help There is a collection of [frequently asked questions](https://greenkeeper.io/faq.html). If those don’t help, you can always [ask the humans behind Greenkeeper](https://github.com/greenkeeperio/greenkeeper/issues/new).

Your Greenkeeper bot :palm_tree:

greenkeeper[bot] commented 6 years ago

Version 8.1.0 just got published.

Update to this version instead 🚀

Release Notes 8.1 “Rex, Familia et Ultio”

Kingdom Come: Deliverance logo

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.

.none {
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
}
.contain {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
}
.auto {
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
}

Note, that overscroll-behavior-x and overscroll-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 of grid-column-end and grid-row-end.

Grid properties were fixed in @supports. We recommend:

  • To select modern Grid browsers and IE 11: @supports (display: grid).
  • To select only Grid browsers without IE 11: @supports (grid-gap: 0).

Note, that you need grid: true option to Autoprefixer to add -ms- prefixes for Grid Layout.

greenkeeper[bot] commented 6 years ago

Version 8.2.0 just got published.

Update to this version instead 🚀

Release Notes 8.2 “Ad Astra per Aspera”

The Great Seal of the State of Kansas

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.

body {
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
}
greenkeeper[bot] commented 6 years ago

Version 8.3.0 just got published.

Update to this version instead 🚀

Release Notes 8.3 “Benigno Numine”

Seal of the City of Pittsburgh

Autoprefixer 8.3 adds @media support for grid-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:

body {
    grid-template:
        [header-left] "head head" 30px [header-right]
        [main-left]   "nav  main" 1fr  [main-right]
        [footer-left] "nav  foot" 30px [footer-right]
        / 120px repeat(4, 250px 10px);
}

header {
    grid-area: head;
}

main {
    grid-area: main;
}

footer {
    grid-area: footer;
}

@media (min-width: 1000px) {
    body {
        grid-template:
            [header-left] "head" 30px [header-right]
            [main-left]   "main" 1fr  [main-right]
            [footer-left] "footer" 30px [footer-right]
            / 1fr;
    }
}

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 of radial-gradient.

a {
    background: radial-gradient(#fff, transparent) 0 0 / cover no-repeat #f0f;
}

@kotfire improve old direction detection and fix this issue.

greenkeeper[bot] commented 6 years ago

Version 8.4.0 just got published.

Update to this version instead 🚀

Release Notes 8.4 “Non in aves, sed in angues”

Bludor family coat of arms

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:

.logo {
    /* autoprefixer: ignore next */
    user-select: none; /* ← ignored */
    mask: url(mask.jpg); /* ← will be prefixed */
}

/* autoprefixer: ignore next */
::placholder /* ← ignored */ {
    text-decoration-style: dotted; /* ← will be prefixed */
}
greenkeeper[bot] commented 6 years ago

Version 8.5.0 just got published.

Update to this version instead 🚀

Release Notes 8.5 “Muito Nobre e Sempre Leal”

Coat of arms of Lisbon

Autoprefixer 8.5 brings grid-gap support and fix radial-gradient.

Grid Gap

@evgeny-petukhov 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 have grid-template in the same rule with grid-gap. We had big discussion with a community about these limits.

.page {
    grid-gap: 33px;
    -ms-grid-rows: 1fr 33px minmax(100px, 1fr) 33px 2fr;
    -ms-grid-columns: 1fr 33px 100px 33px 1fr;
    grid-template:
        "head head  head" 1fr
        "nav  main  main" minmax(100px, 1fr)
        "nav  foot  foot" 2fr /
        1fr   100px 1fr;
}

Set postcss-gap-properties before Autoprefixer if you want to use new gap 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.

.mask {
    -webkit-mask-image: -webkit-radial-gradient(100% 50%, circle closest-corner, black, white);
            mask-image: radial-gradient(circle closest-corner at 100% 50%, black, white);
}
greenkeeper[bot] commented 6 years ago

Version 8.5.1 just got published.

Update to this version instead 🚀

Release Notes 8.5.1
  • Remove unnecessary warning on -webkit-fill-available.
greenkeeper[bot] commented 6 years ago

Version 8.6.0 just got published.

Update to this version instead 🚀

Release Notes 8.6 “Follow Reason”

Emblem of the Grand Lodge of Massachusetts

Autoprefixer 8.6 brings gap property support and two values support for grid-gap/gap.

Grid Gap

CSSWG renamed grid-gap property to gap.

@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:

.main {
    gap: 10px 20px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "head head head"
                         "nav main main"
                         "nav foot foot";
}

Other Changes

greenkeeper[bot] commented 6 years ago

Version 8.6.1 just got published.

Update to this version instead 🚀

Release Notes 8.6.1
  • Fix grid-template with media queries (by @yepninja)
greenkeeper[bot] commented 6 years ago

Version 8.6.2 just got published.

Update to this version instead 🚀

Release Notes 8.6.2
  • Fix error during adding Grid prefixes in @media (by @yepninja).
greenkeeper[bot] commented 6 years ago

Version 8.6.3 just got published.

Update to this version instead 🚀

Release Notes 8.6.3
  • Add warnings for unsupported Grid features.
  • Add warnings about wrong Grid properties.
  • Add note about grid option for grid properties in autoprefixer --info.
greenkeeper[bot] commented 6 years ago

Version 8.6.4 just got published.

Update to this version instead 🚀

Release Notes 8.6.4
  • Fix stretch prefix in Chrome >= 46.
greenkeeper[bot] commented 6 years ago

Version 8.6.5 just got published.

Update to this version instead 🚀

Release Notes 8.6.5
  • Do not show Grid warnings if IE was not selected
greenkeeper[bot] commented 6 years ago

Version 9.0.0 just got published.

Update to this version instead 🚀

Release Notes 9.0 “A Mari Usque Ad Mare”

This is a good article. Follow the link for more information. Arms of Canada

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:

last 2 version
not dead
not Explorer 11
not ExplorerMobile 11
node 10
node 8
node 6

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

greenkeeper[bot] commented 6 years ago

Version 9.0.1 just got published.

Update to this version instead 🚀

Release Notes 9.0.1
  • Fix nested at-rules in Grid prefixes (by @ivandata)
greenkeeper[bot] commented 6 years ago

Version 9.0.2 just got published.

Update to this version instead 🚀

Release Notes 9.0.2
  • Show warning on Grid area names conflict (by @bogdan0083).
  • Fix documentation (by @svewag).
greenkeeper[bot] commented 6 years ago

Version 9.1.0 just got published.

Update to this version instead 🚀

Release Notes 9.1 “Equality before the law”

This is a good article. Follow the link for more information. Arms of Canada

Autoprefixer 9.1 brings background-clip: text and fix span in IE Grid.

Background Clip

background-clip: text beome to be the standard and got Edge support. So we added it to Autoprefixer:

.title {
  background: linear-gradient(yellow, red);
   -webkit-background-clip: text;
           background-clip: text;
}

Note, that Edge expect -webkit- prefix for this property.

Grid Layout Fix

@bogdan0083 fixed an issue when media-query override some grid-template.

greenkeeper[bot] commented 5 years ago

Version 9.1.1 just got published.

Update to this version instead 🚀

Release Notes 9.1.1
greenkeeper[bot] commented 5 years ago

Version 9.1.2 just got published.

Update to this version instead 🚀

Release Notes 9.1.2
  • Fix autoprefixer --info in new Node.js.
greenkeeper[bot] commented 5 years ago

Version 9.1.4 just got published.

Update to this version instead 🚀

Release Notes 9.1.4
  • Use Babel 7.
greenkeeper[bot] commented 5 years ago

Version 9.1.5 just got published.

Update to this version instead 🚀

Release Notes 9.1.5
  • Remove @babel/register from dependencies.
greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.2.1
  • Fix broken AST.
greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.3 “Labor omnia vincit”

Coat of Arms of Oklahoma

Autoprefixer 9.3 brings place-self support for Grid Layout

place-self

@Dan503 and @bogdan0083 found a way to impement support for another Grid property

.grid > .center {
  place-self: center;
}
.grid > .center {
  -ms-grid-row-align: center;
  -ms-grid-column-align: center;
  place-self: center;
}

Other Changes

@Dan503 and @bogdan0083 also detect and fixed issue with Grid row/column span inheritance.

greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.3.1
  • Fix Grid prefixes with repeat() value (by @bogdan0083).
greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.4 “Advance Australia”

Coat of Arms of Australia

Autoprefixer 9.4.0 brings limited autoplacement support to the IE CSS Grid.

Grid Autoplacement

If the grid option is set to "autoplace", limited autoplacement support is now added to the Autoprefixer CSS Grid translations. You can also use the /* autoprefixer grid: autoplace */ control comment to enable autoplacement directly in your CSS.

In order to use the new autoplacement feature, you must define both rows and columns when declaring the grid template.

/* Input CSS */

/* autoprefixer grid: autoplace */

.autoplacement-example {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-gap: 20px;
}
/* Output CSS */

/* autoprefixer grid: autoplace */

.autoplacement-example {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto 20px auto;
  grid-template-rows: auto auto;
  grid-gap: 20px;
}

.autoplacement-example > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.autoplacement-example > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.autoplacement-example > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.autoplacement-example > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

Autoplacement support in Autoprefixer is currently very limited in what it can do. Please read the Grid Autoplacement support in IE section before using this new feature.

Thanks to @bogdan0083 for implementing the new feature, @Dan503 for documenting it, and @evandiamond for coming up with the initial idea.

Other Changes

  • Remove some unnecessary warnings for Grid (by @fanich37).
greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.4.2
  • Fix Grid autoplacement warning.
greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.4.3
  • Add warning to force flex-start instead of start (by @aduh95).
  • Fix docs (by @coliff).
greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.4.4
  • Use direction value for -ms-writing-mode (by @webschik).
  • Fix warning text (by @zzzzBov).
greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.4.5
  • Fix text-decoration-skip-ink support.
greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.4.6
greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.4.7
  • Fix infinite loop on mismatched parents.
greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.4.8
  • Fix calc() support in Grid gap.
greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.4.9
greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.4.10
  • Add warning for named Grid rows.
greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.5 “Draco dormiens nunquam titillandus”

Coat of Arms of Hogwarts

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.

greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

Release Notes for 9.5.1
  • Fix backdrop-filter for Edge (by @AleshaOleg).
  • Fix min-resolution media query support in Firefox < 16.
greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

greenkeeper[bot] commented 5 years ago

Update to this version instead 🚀

greenkeeper[bot] commented 4 years ago

Update to this version instead 🚀

greenkeeper[bot] commented 4 years ago

Update to this version instead 🚀

greenkeeper[bot] commented 4 years ago

Update to this version instead 🚀

greenkeeper[bot] commented 4 years ago

Update to this version instead 🚀

greenkeeper[bot] commented 4 years ago

Update to this version instead 🚀

greenkeeper[bot] commented 4 years ago

Update to this version instead 🚀

greenkeeper[bot] commented 4 years ago

Update to this version instead 🚀

greenkeeper[bot] commented 4 years ago

Update to this version instead 🚀

greenkeeper[bot] commented 4 years ago

Update to this version instead 🚀

greenkeeper[bot] commented 4 years ago

Update to this version instead 🚀

greenkeeper[bot] commented 4 years ago

Update to this version instead 🚀