Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update dependency autoprefixer to v9.4.2 #19576

Merged

Conversation

renovate-bot
Copy link
Contributor

@renovate-bot renovate-bot commented Dec 3, 2018

This PR contains the following updates:

Package Type Update Change References
autoprefixer devDependencies minor 9.3.1 -> 9.4.2 source

Release Notes

postcss/autoprefixer

v9.4.2

Compare Source

  • Fix Grid autoplacement warning.

v9.4.1

Compare Source

  • Fix unnecessary Flexbox prefixes in Grid elements.

v9.4.0

Compare Source

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).

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.


  • If you want to rebase/retry this PR, check this box

This PR has been generated by Renovate Bot. View repository job log here.

@renovate-bot renovate-bot changed the title Update dependency autoprefixer to v9.4.0 Update dependency autoprefixer to v9.4.1 Dec 4, 2018
@renovate-bot renovate-bot changed the title Update dependency autoprefixer to v9.4.1 Update dependency autoprefixer to v9.4.2 Dec 4, 2018
@danielrozenberg danielrozenberg merged commit 66d929c into ampproject:master Dec 12, 2018
@renovate-bot renovate-bot deleted the renovate/autoprefixer-9.x branch December 12, 2018 16:36
noranazmy pushed a commit to noranazmy/amphtml that referenced this pull request Mar 22, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants