Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • C create-react-app
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 1,547
    • Issues 1,547
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 417
    • Merge requests 417
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Meta
  • create-react-app
  • Merge requests
  • !4716

add postcss-preset-env, remove autoprefixer

  • Review changes

  • Download
  • Email patches
  • Plain diff
Merged Administrator requested to merge github/fork/heygrady/postcss-preset-env into next Jul 01, 2018
  • Overview 6
  • Commits 2
  • Pipelines 0
  • Changes 3

Created by: heygrady

https://github.com/csstools/postcss-preset-env

There is now a postcss plugin that attempts to do for CSS what babel-preset-env does for js. It reads the same browserlist as babel-preset-env. This makes it possible to write advanced CSS and have it compiled for your target browsers.

This PR removes autoprefixer because postcss-preset-env includes it. The end result is the exact same output as before but with more functionality. The big difference is that you can now do something crazy like use css vars with fallbacks for older browsers. (Using CSS vars instead of using SCSS has some real world advantages, like the ability to manipulate those vars with JS.)

:root {
  --background: #282c34;
}

.App-header {
  background-color: var(--background);
}
Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: github/fork/heygrady/postcss-preset-env