[
{
"path": ".editorconfig",
"content": "root = true\n\n[*]\nindent_style = space\nindent_size = 2\nend_of_line = lf\ncharset = utf-8\ntrim_trailing_whitespace = true\ninsert_final_newline = true\n"
},
{
"path": ".github/CONTRIBUTING.md",
"content": "\n\n# Contributing to Autoprefixer\n\n* [Filing Issues](#filing-issues)\n* [Getting Started](#getting-started)\n* [Adding a Prefix](#adding-a-prefix)\n\n\n## Filing Issues\n\n- If you have problems with the output CSS from Autoprefixer;\nyou’ll need to post:\n\n 1. Input CSS.\n 2. Output CSS.\n 3. Expected output CSS.\n 4. Browserslist config. If you use `browsers` or option,\n create Browserslist config first.\n 5. Run `npm ls | grep autoprefixer` and check output.\n\n- If Autoprefixer throws error:\n\n 1. Input CSS.\n 2. Browserslist config.\n 3. Error stacktrace (copy and paste the error message that you get\n so we can identify where the problem is).\n 4. Run `npm ls | grep autoprefixer` and check output.\n 5. Run `npm ls | grep postcss` and check output.\n\n\n## Getting Started\n\nBefore you begin contributing make sure you have a [GitHub account].\n\n* [Fork the repository](https://github.com/postcss/autoprefixer)\n* Clone a copy of it to your computer:\n `git clone https://github.com/USERNAME/autoprefixer` (replace `USERNAME`\n to your GitHub name).\n* Ensure that you have the [pnpm](https://pnpm.io/) package manager\n installed.\n* Run `pnpm install` this will install all dependencies needed to run tests.\n\n[GitHub account]: https://github.com/signup/free\n\n\n## Adding a Prefix\n\nWe’ll explain how would you go about adding a CSS feature to Autoprefixer.\nFor example, we’ll add support for a CSS feature called `background-clip: text`.\n\nNote: Remember that the feature that you want to add must also be supported\non [Can I use](https://caniuse.com/).\n\n1. Create a topic branch from the `master` branch.\n Like this: `git checkout -b background-clip-text`.\n\n2. To add support for a CSS feature you must call the convert function inside\n of `data/prefixes.js` and specify three parameters: data, options\n and a callback. Like this:\n\n ```js\n f(require('caniuse-lite/data/features/background-clip-text'), browsers =>\n prefix(['background-clip'], {\n feature: 'background-clip-text',\n browsers\n })\n )\n ```\n\n3. If the prefix is simple (`-webkit-` for Safari, `-moz-` for Firefox,\n all use the same syntax) go to step 8.\n\n4. If you need some non-standard behavior for the prefix (`-webkit-` prefix\n for Firefox or different syntax for different browsers) you will need\n to create a “hack”. Create a JS file in the `libs/hacks` folder using\n the name of the CSS feature as the filename.\n\n5. Check out other hacks for examples. In this new class change the prefix\n for `IE` to `-webkit-`. [See complete example](https://github.com/postcss/Autoprefixer/blob/73c7b6ab090a9a9a03869b3099096af00be7eb7d/lib/hacks/background-clip.js)\n\n6. Load the new hack in `lib/prefixes.js`. Load it into `Declaration`\n if you need a prefix for property name. Load it into `Value` if you need\n a prefix for value.\n\n ```js\n Declaration.hack(require('./hacks/background-clip'))\n ```\n\n7. Create a `.css` and `.out.css` example in `test/cases`. Add this test to\n `test/autoprefixer.test.js`:\n\n ```js\n it('supports background-clip', () => check('background-clip'))\n ```\n\n If you need different browsers, change `prefixer()` function in the top\n of test file.\n\n8. Run `pnpm test`.\n9. Push the branch to GitHub.\n10. Open your fork on GitHub an send pull request.\n"
},
{
"path": ".github/FUNDING.yml",
"content": "open_collective: postcss\ntidelift: npm/autoprefixer\ngithub: ai\n"
},
{
"path": ".github/workflows/release.yml",
"content": "name: Release\non:\n push:\n tags:\n - '*'\npermissions:\n contents: write\njobs:\n release:\n name: Release On Tag\n if: startsWith(github.ref, 'refs/tags/')\n runs-on: ubuntu-latest\n steps:\n - name: Checkout the repository\n uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2\n - name: Extract the changelog\n id: changelog\n run: |\n TAG_NAME=${GITHUB_REF/refs\\/tags\\//}\n READ_SECTION=false\n CHANGELOG=\"\"\n while IFS= read -r line; do\n if [[ \"$line\" =~ ^#+\\ +(.*) ]]; then\n if [[ \"${BASH_REMATCH[1]}\" == \"$TAG_NAME\" ]]; then\n READ_SECTION=true\n elif [[ \"$READ_SECTION\" == true ]]; then\n break\n fi\n elif [[ \"$READ_SECTION\" == true ]]; then\n CHANGELOG+=\"$line\"$'\\n'\n fi\n done < \"CHANGELOG.md\"\n CHANGELOG=$(echo \"$CHANGELOG\" | awk '/./ {$1=$1;print}')\n echo \"changelog_content<> $GITHUB_OUTPUT\n echo \"$CHANGELOG\" >> $GITHUB_OUTPUT\n echo \"EOF\" >> $GITHUB_OUTPUT\n - name: Create the release\n if: steps.changelog.outputs.changelog_content != ''\n uses: softprops/action-gh-release@a06a81a03ee405af7f2048a818ed3f03bbf83c7b # v2.5.0\n with:\n name: ${{ github.ref_name }}\n body: '${{ steps.changelog.outputs.changelog_content }}'\n draft: false\n prerelease: false\n"
},
{
"path": ".github/workflows/test.yml",
"content": "name: Test\non:\n push:\n branches:\n - main\n pull_request:\npermissions:\n contents: read\njobs:\n full:\n name: Node.js Latest Full\n runs-on: ubuntu-latest\n steps:\n - name: Checkout the repository\n uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2\n - name: Install pnpm\n uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # v4.2.0\n with:\n version: 10\n - name: Install Node.js\n uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0\n with:\n node-version: 25\n cache: pnpm\n - name: Install dependencies\n run: pnpm install --frozen-lockfile --ignore-scripts\n - name: Run tests\n run: pnpm test\n short:\n runs-on: ubuntu-latest\n strategy:\n matrix:\n node-version:\n - 24\n - 22\n - 20\n - 18\n name: Node.js ${{ matrix.node-version }} Quick\n steps:\n - name: Checkout the repository\n uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2\n - name: Install pnpm\n uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # v4.2.0\n with:\n version: 10\n - name: Install Node.js ${{ matrix.node-version }}\n uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0\n with:\n node-version: ${{ matrix.node-version }}\n cache: pnpm\n - name: Install dependencies\n run: pnpm install --frozen-lockfile --ignore-scripts\n - name: Run unit tests\n run: pnpm unit\n old:\n runs-on: ubuntu-latest\n strategy:\n matrix:\n node-version:\n - 16\n - 14\n - 12\n - 10\n name: Node.js ${{ matrix.node-version }} Quick\n steps:\n - name: Checkout the repository\n uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2\n - name: Install pnpm\n uses: pnpm/action-setup@41ff72655975bd51cab0327fa583b6e92b6d3061 # v4.2.0\n with:\n version: 3\n env:\n ACTIONS_ALLOW_UNSECURE_COMMANDS: true\n - name: Install Node.js ${{ matrix.node-version }}\n uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0\n with:\n node-version: ${{ matrix.node-version }}\n - name: Install dependencies\n run: pnpm install --no-frozen-lockfile --ignore-scripts\n - name: Run unit tests\n run: for f in test/*.test.js; do node \"$f\"; done\n"
},
{
"path": ".gitignore",
"content": "node_modules/\n\ncoverage/\n"
},
{
"path": ".npmignore",
"content": "test/\ncoverage/\n\nlogo.svg\nAUTHORS\neslint.config.mjs\npatches\n"
},
{
"path": "AUTHORS",
"content": "# This is the official list of Autoprefixer authors for copyright purposes.\n#\n# This does not necessarily list everyone who has contributed code, since in\n# some cases, their employer may be the copyright holder. To see the full list\n# of contributors, see the revision history in source control or\n# https://github.com/postcss/autoprefixer/graphs/contributors\n#\n# Authors who wish to be recognized in this file should add themselves (or\n# their employer, as appropriate).\n\nAaron \nAdam Lynch \nAdonis K \nAdriaan \nAlbert Juhé Lluveras \nAleksei Androsov \nAleksey Shvayka \nAleks Hudochenkov \nAlexey Komarov \nAlexey Plutalov \nAnders Olsen Sandvik \nAndreas Haller \nAndreas Lind \nAndrew Rhoads \nAndrey Deryabin \nAndrey Sitnik \nAndrey Taritsyn \nAndy Trevorah \nAntoine du Hamel \nAnton Khlynovskiy \nArtem Yavorsky \naruseni \nBen Briggs \nbernig \nBogdan Chadkin \nBogdan Dolin \nbrainopia \nBrandon Mathis \nChad von Nau \nChi Vinh Le \nChristian Oliff \nCory House \nCory Simmons \nCraig Martin \nDamon \nDaniel Garcia-Carrillo \nDaniel Tonon \nDaniel Tschinder \nDanny Pule \nDarius\nDavid Narbutovich \nDavid Pike \nDenys Kniazevych \nDenis Sokolov \nDiablohu \nDominik Porada \nDominik Schilling \ndotch \nDmitry Semigradsky \nEduard Kyvenko \nEfremov Alexey \neitanr \nErik Sundahl \nEugene Datsky \nEven Stensberg \nEvgeny Petukhov \nEvilebot Tnawi \nFangzhou Li \nForrest York \nGibr \nGoogle Inc.\nGregory Eremin \nGU Yiling \nGustavo Real \nHallvord R. M. Steen \nheady \nHongShaoRou \nHuáng Jùnliàng \nIain Beeston \nIgor Adamenko \nIvan \nIvan Malov \nIvan Verevkin \nFilipe W. Lima \nJack Moore \nJason Kuhrt \nJeff Escalante \nJoan León \nJohannes J. Schmidt \nJohn Kreitlow \nJonathan Ong \nJosh Gillies \nJoshua Hall \nJuan Martin Marco \nJunliang Huang\njvdanilo \nKevin Pfefferle \nKieran \nKir Shatrov \nKiwi \nkizu \nLeonya Khachaturov \nLovchikov Anton \nL.T \nLucas Caton \nLuciano Battagliero \nLuke Page \nmartco \nMat Gadd \nMatt Buresh \nMatt Smith \nMaxime Thirouin \nMax Mechanic \nMichael Beil \nMichael Prentice \nMichael Scott Hertzberg \nMichał Gołębiowski-Owczarek \nMikael Jorhult \nMorton Fox \nmvasilkov \nNick Howes \nNick Marchenko \nNic Nilov \nNick Schonning \nnickspielgist \nNiels Dequeker \nNikolay Burlov \nOleh Aloshkin \nOleksandr Sergiienko \nPavel Pustovalov \nPavel Vostrikov \nPaul Statezny \nPeter van Westen \nPeter Zotov \nPhani Kandula \nPhil Dokas \nRafael Silva \nRay Lehnhoff \nReadmeCritic \nReinaldo Schiehll \nRené Stalder \nRichard Wang \nRob Howell \nRoland Warmerdam \nRoman Dvornov \nRoy Revelt \nRyan Zimmerman \nSami Suo-Heikki \nSasha Koss \nSean Anderson \nSemen Levenson \nSergey Belov \nSergey Leschina \nSergey Lysenko \nsethjgore \nŠime Vidas \nSimon Lydell \nSindre Sorhus \nSire\nStanislav \nStanislav Lashmanov \nStephen Edgar \nSteve Mao \nStig Otnes Kolstad \nSubash Pathak \nsunhao \nSven Wagner \nTimothy \ntomdavenport \nTony Ganch \nVegard Andreas Larsen \nVera Surkova \nVincent De Oliveira \nVishnu Ravi \nVladimir Pouzanov \nvladkens \nYet Another Minion \nYuriy Alekseyev \nYury Timofeev \nДаниил Пронин \n一丝 \n刘祺 \n忆初 \n"
},
{
"path": "CHANGELOG.md",
"content": "# Change Log\nThis project adheres to [Semantic Versioning](http://semver.org/).\n\n## 10.4.27\n* Removed development key from `package.json`.\n\n## 10.4.26\n* Reduced package size.\n\n## 10.4.25\n* Fixed broken gradients on CSS Custom Properties (by @serger777).\n\n## 10.4.24\n* Made Autoprefixer a little faster (by @Cherry).\n\n## 10.4.23\n* Reduced dependencies (by @hyperz111).\n\n## 10.4.22\n* Fixed `stretch` prefixes on new Can I Use database.\n* Updated `fraction.js`.\n\n## 10.4.21\n* Fixed old `-moz-` prefix for `:placeholder-shown` (by @Marukome0743).\n\n## 10.4.20\n* Fixed `fit-content` prefix for Firefox.\n\n## 10.4.19\n* Removed `end value has mixed support, consider using flex-end` warning\n since `end`/`start` now have good support.\n\n## 10.4.18\n* Fixed removing `-webkit-box-orient` on `-webkit-line-clamp` (@Goodwine).\n\n## 10.4.17\n* Fixed `user-select: contain` prefixes.\n\n## 10.4.16\n* Improved performance (by Romain Menke).\n* Fixed docs (by Christian Oliff).\n\n## 10.4.15\n* Fixed `::backdrop` prefixes (by 一丝).\n* Fixed docs (by Christian Oliff).\n\n## 10.4.14\n* Improved startup time and reduced JS bundle size (by Kārlis Gaņģis).\n\n## 10.4.13\n* Fixed missed prefixes on vendor prefixes in name of CSS Custom Property.\n\n## 10.4.12\n* Fixed support of unit-less zero angle in backgrounds (by 一丝).\n\n## 10.4.11\n* Fixed `text-decoration` prefixes by moving to MDN data (by Romain Menke).\n\n## 10.4.10\n* Fixed `unicode-bidi` prefixes by moving to MDN data.\n\n## 10.4.9\n* Fixed `css-unicode-bidi` issue from latest Can I Use.\n\n## 10.4.8\n* Do not print `color-adjust` warning if `print-color-adjust` also is in rule.\n\n## 10.4.7\n* Fixed `print-color-adjust` support in Firefox.\n\n## 10.4.6\n* Fixed `print-color-adjust` support.\n\n## 10.4.5\n* Fixed `NaN` in grid (by @SukkaW).\n\n## 10.4.4\n* Fixed `package.funding` to have same value between all PostCSS packages.\n\n## 10.4.3\n* Fixed `package.funding` (by Álvaro Mondéjar).\n\n## 10.4.2\n* Fixed missed `-webkit-` prefix for `width: stretch`.\n\n## 10.4.1\n* Fixed `::file-selector-button` data (by Luke Warlow).\n\n## 10.4 “ǃke e꞉ ǀxarra ǁke”\n* Added `:autofill` support (by Luke Warlow).\n\n## 10.3.7\n* Replaced `nanocolors` to `picocolors`.\n\n## 10.3.6\n* Updated `nanocolors`.\n* Reduced package size.\n\n## 10.3.5\n* Replaced `colorette` to `nanocolors`.\n\n## 10.3.4\n* Fixed `stretch` value in latest Firefox.\n\n## 10.3.3\n* Fixed wrong `-moz-` prefix from `::file-selector-button` (by Usman Yunusov).\n\n## 10.3.2\n* Fixed `::file-selector-button` support (by Usman Yunusov).\n\n## 10.3.1\n* Fixed adding wrong prefixes to `content` (by Luke Warlow).\n\n## 10.3 “Чести своей не отдам никому”\n* Added `::file-selector-button` support (by Luke Warlow).\n\n## 10.2.6\n* Fixed “no prefixes needed” warning (by @Pwntheon).\n\n## 10.2.5\n* Fixed `:` support in `@supports` (by Dmitry Semigradsky).\n* Fixed docs (by Christian Oliff).\n\n## 10.2.4\n* Fixed browser names in `npx autoprefixer --info`.\n\n## 10.2.3\n* Fixed PostCSS 8 support.\n\n## 10.2.2\n* Fixed PostCSS 8 plugins compatibility.\n\n## 10.2.1\n* Fixed `transition-property` warnings (by @Sheraff).\n\n## 10.2 “Sub rosa”\n* Added TypeScript definitions (by Dmitry Semigradsky).\n* Fixed docs (by Florian Pellet).\n\n## 10.1 “Pula”\n* Added `dpcm` unit support to `min-resolution: 2dppx` (by Robert Eisele).\n* Fixed rational approximation in `min-resolution` (by Robert Eisele).\n\n## 10.0.4\n* Fixed `Cannot read property 'proxyOf' of undefined` error (by Igor Kamyshev).\n\n## 10.0.3\n* Fixed `substract` to `subtract` value for `mask-composite` (by Michelle Enos).\n\n## 10.0.2\n* Removed `-ms-user-select: all` because IE and old Edge don’t support it.\n* Fixed Grid Layout warning.\n\n## 10.0.1\n* Fix PostCSS 8.1 compatability.\n* Add our OpenCollective to `package.json`.\n* Clean up code (by Sukka).\n\n## 10.0 “Alis volat propriis”\n* Removed support for Node.js 6.x, 8.x, 11.x.\n* Moved `postcss` to `peerDependencies`.\n* Moved to PostCSS 8.\n\n## 9.8.6\n* Fixed `env` option.\n\n## 9.8.5\n* Improved Grid Layout warnings (by Daniel Tonon).\n* Fixed `align-self` and `justify-self` with `display: flex` (by Daniel Tonon).\n\n## 9.8.4\n* Replace color output library.\n\n## 9.8.3\n* Return old non-LTS Node.js versions to avoid breaking changes.\n\n## 9.8.2\n* Remove Node.js 13.0-13.7 from supported engines, because of buggy ESM support.\n\n## 9.8.1\n* Replace `chalk` to `kleur` (by Luke Edwards).\n* Update docs (by @mbomb007).\n\n## 9.8 “Vigilo Confido”\n* Add `:placeholder-shown` support (by Tanguy Krotoff).\n\n## 9.7.6\n* Revert `-webkit-stretch` fix.\n\n## 9.7.5\n* Fix `-webkit-stretch` support.\n\n## 9.7.4\n* Fix warning text (by Dmitry Ishkov).\n\n## 9.7.3\n* Fix compatibility with PostCSS Modules.\n\n## 9.7.2\n* Add `-ms-user-select: element` support.\n* Add funding link for `npm fund`.\n\n## 9.7.1\n* Avoid unnecessary transitions in prefixed selectors (by Andrey Alexandrov).\n* Fix `fit-content` for Firefox.\n\n## 9.7 “Ad Victoriam”\n* Add `AUTOPREFIXER_GRID` env variable to enable Grid Layout polyfill for IE.\n* Fix `Cannot read property 'grid' of undefined` error.\n\n## 9.6.5\n* Fix selector prefixing (by Andrey Alexandrov).\n\n## 9.6.4\n* Now the real fix for `'startsWith' of undefined` error.\n\n## 9.6.3\n* Fix `Cannot read property 'startsWith' of undefined` error.\n\n## 9.6.2\n* Fix false `Replace fill to stretch` warning.\n\n## 9.6.1\n* Fix `-webkit-line-clamp` truncating multi-line text support.\n\n## 9.6 “Nunc id vides, nunc ne vides”\n* Show warning about Browserslist config on `browser` option.\n* Add warning-less `overrideBrowserslist` option.\n* Add `text-orientation` support.\n* Add `min-resolution: 2x` alias support.\n* Add `.github/CONTRIBUTING.md` (by Juan Martin Marco).\n\n## 9.5.1\n* Fix `backdrop-filter` for Edge (by Oleh Aloshkin).\n* Fix `min-resolution` media query support in Firefox < 16.\n\n## 9.5 “Draco dormiens nunquam titillandus”\n* Add `mask-composite` support (by Semen Levenson).\n\n## 9.4.10\n* Add warning for named Grid rows.\n\n## 9.4.9\n* Fix `grid-template` and `@media` case (by Bogdan Dolin).\n\n## 9.4.8\n* Fix `calc()` support in Grid gap.\n\n## 9.4.7\n* Fix infinite loop on mismatched parens.\n\n## 9.4.6\n* Fix warning text (by Albert Juhé Lluveras).\n\n## 9.4.5\n* Fix `text-decoration-skip-ink` support.\n\n## 9.4.4\n* Use `direction` value for `-ms-writing-mode` (by Denys Kniazevych).\n* Fix warning text (by @zzzzBov).\n\n## 9.4.3\n* Add warning to force `flex-start` instead of `start` (by Antoine du Hamel).\n* Fix docs (by Christian Oliff).\n\n## 9.4.2\n* Fix Grid autoplacement warning.\n\n## 9.4.1\n* Fix unnecessary Flexbox prefixes in Grid elements.\n\n## 9.4 “Advance Australia”\n* Add Grid autoplacement for `-ms-` (by Bogdan Dolin).\n* Improve docs and warnings (by Daniel Tonon).\n* Remove some unnecessary warnings for Grid (by Andrey Alexandrov).\n\n## 9.3.1\n* Fix Grid prefixes with `repeat()` value (by Bogdan Dolin).\n\n## 9.3 “Labor omnia vincit”\n* Add `place-self` support (by Bogdan Dolin).\n* Fix Grid row/column span inheritance bug (by Bogdan Dolin).\n\n## 9.2.1\n* Fix broken AST.\n\n## 9.2 “Onyi est glavnaya krepost”\n* Add `/* autoprefixer grid: on */` control comment (by Andrey Alexandrov).\n* Add duplicate `grid-area` support (by Bogdan Dolin).\n* Fix `grid-gap` support for rules with different specifity (by Bogdan Dolin).\n* Disable Grid in `@supports` at-rule with non-supported Grid features.\n* Improve Grid warnings (by Daniel Tonon).\n* Improve docs (by Joshua Hall, Mat Gadd, Roy Revelt, and Ivan).\n\n## 9.1.5\n* Remove `@babel/register` from dependencies.\n\n## 9.1.4\n* Use Babel 7.\n\n## 9.1.3\n* Sort properties in `autoprefixer --info` alphabetically.\n* Fix old Firefox gradient prefix.\n\n## 9.1.2\n* Fix `autoprefixer --info` in new Node.js.\n\n## 9.1.1\n* Retain `grid-gap` through `@media` (by Bogdan Dolin).\n* Fix `grid-template` and `@media` (by Bogdan Dolin).\n* Fix Grid areas searching error (by Bogdan Dolin).\n* Fix `span X` Grid prefix (by Bogdan Dolin).\n* Fix docs (by Eduard Kyvenko).\n\n## 9.1 “Equality before the law”\n* Add `background-clip: text` support.\n* Fix adding Grid span for IE (by Bogdan Dolin).\n\n## 9.0.2\n* Show warning on Grid area names conflict (by Bogdan Dolin).\n* Fix documentation (by Sven Wagner).\n\n## 9.0.1\n* Fix nested at-rules in Grid prefixes (by Ivan Malov).\n\n## 9.0 “A Mari Usque Ad Mare”\n* Remove Node.js 9 and Node.js 4 support.\n* Remove IE and “dead” browsers from Babel.\n* Use PostCSS 7.0.\n* Use Browserslist 4.0.\n\n## 8.6.5\n* Do not show Grid warnings if IE was not selected.\n\n## 8.6.4\n* Fix `stretch` prefix in Chrome >= 46.\n\n## 8.6.3\n* Add warnings for unsupported Grid features.\n* Add warnings about wrong Grid properties.\n* Add note about `grid` option for grid properties in `autoprefixer --info`.\n\n## 8.6.2\n* Fix error during adding Grid prefixes in `@media` (by Evgeny Petukhov).\n\n## 8.6.1\n* Fix `grid-template` with media queries (by Evgeny Petukhov).\n\n## 8.6 “Follow Reason”\n* Add `gap` support (by Evgeny Petukhov).\n* Add two values support for `grid-gap` and `gap` (by Evgeny Petukhov).\n* Add `ignoreUnknownVersions` option for Browserslist.\n\n## 8.5.2\n* Fix `grid-template` support wit auto row sizes (by Yury Timofeev).\n\n## 8.5.1\n* Remove unnecessary warning on `-webkit-fill-available`.\n\n## 8.5 “Muito Nobre e Sempre Leal”\n* Add `grid-gap` support (by Evgeny Petukhov).\n* Fix radial gradients direction fix.\n* Fix docs (by Phani Kandula and Huáng Jùnliàng).\n\n## 8.4.1\n* Fix working in old PostCSS versions (by Diablohu).\n\n## 8.4 “Non in aves, sed in angues”\n* Add `/* autoprefixer: ignore next */` control comment (by Pavel Vostrikov).\n\n## 8.3 “Benigno Numine”\n* Add `@media` support to `grid-template` (by Evgeny Petukhov).\n* Fix `radial-gradient` direction warning (by Gustavo Real).\n\n## 8.2 “Ad Astra per Aspera”\n* Add `color-adjust` (by Sergey Lysenko, Stanislav Botev, and Yuriy Alekseyev).\n\n## 8.1 “Rex, Familia et Ultio”\n* Add `overscroll-behavior` support.\n* Add `grid-template` shortcut support (by Evgeny Petukhov).\n* Add better `grid-column-end` and `grid-row-end` support (by Evgeny Petukhov).\n* Fix Grid properties support in `@supports`.\n\n## 8.0 “Excelsior”\n* Use Browserslist 3.0.\n* Rename `autoprefixer-info` CLI tool to `autoprefixer --info`.\n* Remove `break-*` to `page-break-*` conversion for Firefox.\n\n## 7.2.6\n* Fix `-ms-` prefix for grid cells with same `grid-area` (by Evgeny Petukhov).\n\n## 7.2.5\n* Fix multiple prefixes in declaration value.\n\n## 7.2.4\n* Fix IE 10 support.\n\n## 7.2.3\n* Fix `grid-template-areas` in `@media` (by Evgeny Petukhov).\n\n## 7.2.2\n* Fix `_autoprefixerDisabled is undefined` issue.\n\n## 7.2.1\n* Fix IE and other old JS runtimes support.\n\n## 7.2 “Ordem e Progresso”\n* Add `grid-template-areas` support (by Evgeny Petukhov).\n* Add `grid-template` support (by Evgeny Petukhov).\n* Add `grid-area` support (by Alexey Komarov).\n* Add `autoprefixer-info` CLI tool.\n* Add wrong `radial-gradient` properties warning.\n* Use current working dir on missed `from` in `info()` (by Phil Dokas).\n* Fix `grid-row` and `grid-column` support (by Alexey Komarov).\n* Do not prefix `reverse` animation direction.\n* Improve test coverage (by Dmitry Semigradsky).\n\n## 7.1.6\n* Add warning for using `browserslist` option instead of `browsers`.\n* Add warning for multiple control comments in the same scope.\n* Fix `Invalid array length` error during indent changes.\n\n## 7.1.5\n* Fix `::placeholder` prefix for Edge.\n* Fix `inherit`/`initial`/`unset` values for `flex-direction`.\n* Fix RegExp usage in gradients (by Yet Another Minion).\n\n## 7.1.4\n* Fix `radial-gradient` direction conversion.\n* Fix `image-set` in `cursor`.\n\n## 7.1.3\n* Add warning for old `radial-gradient` direction syntax.\n\n## 7.1.2\n* Fix `text-decoration` shortcut support.\n\n## 7.1.1\n* Remove non-`-webkit-` intrinsic prefixes in Grid Layout (by 一丝).\n\n## 7.1 “Universitas litterarum”\n* Add `unicode-bidi` support.\n* Add `-webkit-appearance` support for Edge.\n* Add `from` option to `info()`.\n* Fix intrinsic widths prefixes in Grid Layout.\n\n## 7.0.1\n* Fix Autoprefixer for old JS runtimes.\n\n## 7.0 “Coelestem adspicit lucem”\n* Remove node.js 0.12 support.\n* Use PostCSS 6.0.\n* Use Browserslist 2.\n* Use `caniuse-lite` instead of `caniuse-db` (by Ben Briggs).\n* Use `^` for Browserslist dependencies, instead of `~`.\n* Rewrite project from CoffeeScript to Babel (by Dmitry Semigradsky).\n* Disable Grid Layout prefixes for IE by default.\n* Fix `-ms-grid-column-align`.\n* Move tests to Jest.\n\n## 6.7.7\n* Fix `order` for non-digit values.\n\n## 6.7.6\n* Fix `font-kerning` (by Chi Vinh Le).\n\n## 6.7.5\n* Fix `text-decoration-skip` in iOS (by Chi Vinh Le).\n* Fix `clip-path` (by Chi Vinh Le).\n\n## 6.7.4\n* Improve `browsers` option perfomance.\n* Update CoffeeScript compiler.\n\n## 6.7.3\n* Fix compatibility with “Intrinsic & Extrinsic Sizing” spec update.\n\n## 6.7.2\n* Do not prefix grid/flexbox in `@supports` on `grid: false`/`flexbox: false`.\n\n## 6.7.1\n* Update Browserslist with `last n version` fix.\n\n## 6.7 “Krungthep doot thep saang”\n* Add Electron support in browsers list (by Kilian Valkhof).\n* Add `flex-flow` partial support for Flexbox 2009 specification.\n* Fix browsers `0` version issue in some Can I Use data.\n\n## 6.6.1\n* Add metadata to use Autoprefixer in JSS tests (by Chi Vinh Le).\n\n## 6.6 “Kaiyuan”\n* Add `browserslist` key in `package.json` support.\n* Add support for separated environments in browserslist config.\n* Add `browserslist-stats.json` file support to load custom usage statistics.\n\n## 6.5.4\n* Fix unitless 0 basis in IE10/IE11 shorthand flex (by Google).\n\n## 6.5.3\n* Add error for popular mistake with `browser` option instead of `browsers`.\n\n## 6.5.2\n* Clean prefixes data (by Reinaldo Schiehll).\n\n## 6.5.1\n* Fix selectors with `:--` prefix support.\n\n## 6.5 “Einigkeit und Recht und Freiheit”\n* Add `defaults` keyword to browsers requirements.\n* Fix CSS Grid Layout support.\n* Fix `align-self` cleaning.\n\n## 6.4.1\n* Fix node cloning after some PostCSS plugins.\n\n## 6.4 “Hic et ubique terrarum”\n* Add `:any-link` selector support.\n* Add `text-decoration-skip` support.\n* Add `transition: duration property` support.\n* Fix `-webkit-` prefix for `backface-visibility`.\n* Fix `rad` unit support in gradients (by 刘祺).\n* Fix `transition` support in Opera 12.\n* Removed Safari TP Grid prefixes support.\n\n## 6.3.7\n* Fix rare `Cannot read property 'constructor' of null` issue.\n\n## 6.3.6\n* Add Safari TP prefix support for Grid Layout.\n\n## 6.3.5\n* Fix duplicate prefixes for `-ms-interpolation-mode`.\n\n## 6.3.4\n* Show users coverage for selected browsers in `info()`.\n\n## 6.3.3\n* Fix transition warning.\n\n## 6.3.2\n* Fix jspm support (by Sean Anderson).\n\n## 6.3.1\n* Fix compatibility with Flexibility polyfill.\n\n## 6.3 “Pro rege et lege”\n* Add Grid Layout support.\n* Add `text-spacing` support.\n* Add `> 10% in my stats` browsers query with custom usage statistics.\n* Add options to disable `@supports`, Flexbox or Grid support.\n* Fix compatibility with other PostCSS plugins.\n\n## 6.2.3\n* Fix error on broken transition with double comma.\n\n## 6.2.2\n* Fix issues in broken transitions.\n\n## 6.2.1\n* Fix AST error in transition warning (by @jvdanilo).\n\n## 6.2 “Fluctuat nec mergitur”\n* Use `fill` instead of `fill-available` according spec changes (by 一丝).\n* Add `fill` support for logical dimension properties (by 一丝).\n* Add `text-emphasis` support (by 一丝).\n* Add prefixes to `@supports` only for compatible browsers.\n* Add `rad`, `grad` and `turn` units support to linear gradients.\n* Add some `deg` directions support for old WebKit linear gradients.\n* Fix `@supports` parenthesis (by @heady).\n* Add warning when prefixes could not be generated\n for complicated `transition-property` values.\n* Add warning for outdated `fill-available` value.\n* Add warning for wrong `text-emphasis-position` value.\n* Add “time capsule” warning for prefix-less future.\n* Normalizes all warning messages.\n\n## 6.1.2\n* Fix gradient hack on some parameters (by Alexey Efremov).\n\n## 6.1.1\n* Fix `cursor: grab` and `cursor: grabbing` support.\n\n## 6.1 “Bil-shaʿb wa lil-shaʿb”\n* Change `transition` support to output more robust CSS.\n* Add `:read-only` support.\n* Add support for `appearance` with any values.\n* Add CSS-in-JS support via `postcss-js`.\n* Add loud `/*! autoprefixer: off */` control comments support.\n* Convert `rotateZ` to `rotate` for `-ms-transform`.\n* Use `postcss-value-parser` to carefully work with gradients.\n* Remove `-ms-transform-style` and `-o-transform-style` that never existed.\n\n## 6.0.3\n* Fix old gradient direction warning.\n\n## 6.0.2\n* Remove unnecessary `-khtml-` prefix too.\n\n## 6.0.1\n* Fix `cross-fade()` support (by 一丝).\n\n## 6.0 “Eureka”\n* CLI was removed from `autoprefixer` package to `autoprefixer-cli`.\n* `autoprefixer-core` and `autoprefixer` packages was merged back.\n* Remove `autoprefixer(opt).process(css)`, use `autoprefixer.process(css, opt)`.\n* Remove `safe` option. Use separated Safe parser from PostCSS.\n* Remove Opera 12.1 from default query.\n* Use PostCSS 5.0 API.\n* Add custom syntaxes support.\n* Add `image-set` support (by 一丝).\n* Add `mask-border` support (by 一丝).\n* Add `filter()` function support (by Vincent De Oliveira).\n* Add `backdrop-filter` support (by Vincent De Oliveira).\n* Add `element()` support (by Vincent De Oliveira).\n* Add CSS Regions support.\n* Add Scroll Snap Points support.\n* Add `writing-mode` support.\n* Add `::backdrop` support.\n* Add `cross-fade()` support.\n* Add other `break-` properties support.\n* Add Microsoft Edge support (by Andrey Polischuk).\n* Add `not` keyword and exclude browsers by query.\n* Add version ranges `IE 6-9` (by Ben Briggs).\n* Fix `filter` in `transition` support on Safari.\n* Fix `url()` parsing.\n* Fix `pixelated` cleaning.\n* Always show old gradient direction warning.\n\n## 5.2.1\n* Fix parent-less node issue on some cases (by Josh Gillies).\n\n## 5.2 “Dont tread on me”\n* Add `appearance` support.\n* Warn users on old gradient direction or flexbox syntax.\n* Add `add: false` option to disable new prefixes adding.\n* Make Autoprefixer 30% faster.\n* Use PostCSS 4.1 plugin API.\n* Add prefixes for `pixelated` instead of `crisp-edges` in `image-rendering`.\n* Do not add `::placeholder` prefixes for `:placeholder-shown`.\n* Fix `text-decoration` prefixes.\n* `autoprefixer.process()` was deprecated. Use PostCSS API.\n\n## 5.1.11\n* Update `num2fraction` to fix resolution media query (by 一丝).\n\n## 5.1.10\n* Do not generate `-webkit-image-rendering`.\n\n## 5.1.9\n* Fix DynJS compatibility (by Nick Howes).\n\n## 5.1.8\n* Fix gradients in `mask` and `mask-image` properties.\n* Fix old webkit prefix on some unsupported gradients.\n\n## 5.1.7\n* Fix placeholder selector (by Vincent De Oliveira).\n\n## 5.1.6\n* Use official `::placeholder-shown` selector (by Vincent De Oliveira).\n\n## 5.1.5\n* Add transition support for CSS Masks properties.\n\n## 5.1.4\n* Use `-webkit-` prefix for Opera Mobile 24.\n\n## 5.1.3\n* Add IE support for `image-rendering: crisp-edges`.\n\n## 5.1.2\n* Add never existed `@-ms-keyframes` to common mistake.\n\n## 5.1.1\n* Safer value split in `flex` hack.\n\n## 5.1 “Jianyuan”\n* Add support for resolution media query (by 一丝).\n* Higher accuracy while removing prefixes in values.\n* Add support for logical properties (by 一丝).\n* Add `@viewport` support.\n* Add `text-overflow` support (by 一丝).\n* Add `text-emphasis` support (by 一丝).\n* Add `image-rendering: crisp-edges` support.\n* Add `text-align-last` support.\n* Return `autoprefixer.defaults` as alias to current `browserslist.defaults`.\n* Save code style while adding prefixes to `@keyframes` and `@viewport`.\n* Do not remove `-webkit-background-clip` with non-spec `text` value.\n* Fix `-webkit-filter` in `transition`.\n* Better support for browser versions joined on Can I Use\n like `ios_saf 7.0-7.1` (by Vincent De Oliveira).\n* Fix compatibility with `postcss-import` (by Jason Kuhrt).\n* Fix Flexbox prefixes for BlackBerry and UC Browser.\n* Fix gradient prefixes for old Chrome.\n\n## 5.0 “Pravda vítězí”\n* Use PostCSS 4.0.\n* Use Browserslist to parse browsers queries.\n* Use global `browserslist` config.\n* Add `> 5% in US` query to select browsers by usage in some country.\n* Add `object-fit` and `object-position` properties support.\n* Add CSS Shape properties support.\n* Fix UC Browser name in debug info.\n* Remove `autoprefixer.defaults` and use defaults from Browserslist.\n\n## 4.0.2\n* Remove `o-border-radius`, which is common mistake in legacy CSS.\n\n## 4.0.1\n* Fix `@supports` support with brackets in values (by Vincent De Oliveira).\n\n## 4.0 “Indivisibiliter ac Inseparabiliter”\n* Become 2.5 times fatser by new PostCSS 3.0 parser.\n* Do not remove outdated prefixes by `remove: false` option.\n* `map.inline` and `map.sourcesContent` options are now `true` by default.\n* Add `box-decoration-break` support.\n* Do not add old `-webkit-` prefix for gradients with `px` units.\n* Use previous source map to show origin source of CSS syntax error.\n* Use `from` option from previous source map `file` field.\n* Set `to` value to `from` if `to` option is missing.\n* Trim Unicode BOM on source maps parsing.\n* Parse at-rules without spaces like `@import\"file\"`.\n* Better previous `sourceMappingURL` annotation comment cleaning.\n* Do not remove previous `sourceMappingURL` comment on `map.annotation: false`.\n\n## 3.1.2\n* Update Firefox ESR version from 24 to 31.\n\n## 3.1.1\n* Use Flexbox 2009 spec for Android stock browser < 4.4.\n\n## 3.1 “Satyameva Jayate”\n* Do not remove comments from prefixed values (by Eitan Rousso).\n* Allow Safari 6.1 to use final Flexbox spec (by John Kreitlow).\n* Fix `filter` value in `transition` in Webkits.\n* Show greetings if your browsers don’t require any prefixes.\n* Add `<=` and `<` browsers requirement (by Andreas Lind).\n\n## 3.0.1\n* Fix `autoprefixer.postcss` in callbacks.\n\n## 3.0 “Liberté, Égalité, Fraternité”\n* Project was split to autoprefixer (with CLI) and autoprefixer-core.\n* `autoprefixer()` now receives only `options` object with `browsers` key.\n* GNU format for syntax error messages from PostCSS 2.2.\n\n## 2.2 “Mobilis in mobili”\n* Allow to disable Autoprefixer for some rule by control comment.\n* Use PostCSS 2.1 with Safe Mode option and broken source line\n in CSS syntax error messages.\n\n## 2.1.1\n* Fix `-webkit-background-size` hack for `contain` and `cover` values.\n* Don’t add `-webkit-` prefix to `filter` with SVG (by Vincent De Oliveira).\n\n## 2.1 “Eleftheria i thanatos”\n* Add support for `clip-path` and `mask` properties.\n* Return `-webkit-` prefix to `filter` with SVG URI.\n\n## 2.0.2\n* Add readable names for new browsers from 2.0 release.\n* Don’t add `-webkit-` prefix to `filter` with SVG URI.\n* Don’t add `-o-` prefix 3D transforms.\n\n## 2.0.1\n* Save declaration style, when clone declaration to prefix.\n\n## 2.0 “Hongik Ingan”\n* Based on PostCSS 1.0.\n See [options changes](https://github.com/postcss/postcss/releases/tag/1.0.0).\n* Restore visual cascade after declaration removing.\n* Enable visual cascade by default.\n* Prefix declareation in `@supports` at-rule conditions.\n* Add all browsers from Can I Use: `ie_mob`, `and_chr`, `and_ff`,\n `op_mob` and `op_mini`.\n* Allow to use latest Autoprefixer from GitHub by npm.\n* Add `--no-cascade`, `--annotation` and `--sources-content` options to binary.\n\n## 1.3.1\n* Fix gradient hack, when `background` property contains color.\n\n## 1.3 “Tenka Fubu”\n* Add `text-size-adjust` support.\n* Add `background-size` to support Android 2.\n\n## 1.2 “Meiji”\n* Use Can I Use data from official `caniuse-db` npm package.\n* Remove package data update from binary.\n* Use increment value instead of current date in minor versions.\n\n## 1.1 “Nutrisco et extingo”\n* Add source map annotation comment support.\n* Add inline source map support.\n* Autodetect previous source map.\n* Fix source maps support on Windows.\n* Fix source maps support in subdirectory.\n* Prefix selector even if it is already prefixed by developer.\n* Add option `cascade` to create nice visual cascade of prefixes.\n* Fix flexbox support for IE 10 (by Roland Warmerdam).\n* Better `break-inside` support.\n* Fix prefixing, when two same properties are near.\n\n### 20140222\n* Add `touch-action` support.\n\n### 20140226\n* Chrome 33 is moved to released versions.\n* Add Chrome 36 data.\n\n### 20140302\n* Add `text-decoration-*` properties support.\n* Update browsers usage statistics.\n* Use new PostCSS version.\n\n### 20140319\n* Check already prefixed properties after current declaration.\n* Normalize spaces before already prefixed check.\n* Firefox 28 is moved to released versions.\n* Add Firefox 31 data.\n* Add some Blackberry data.\n\n### 20140327\n* Don’t use `-ms-transform` in `@keyframes`, because IE 9 doesn’t support\n animations.\n* Update BlackBerry 10 data.\n\n### 20140403\n* Update browsers usage statistics.\n* Opera 20 is moved to released versions.\n* Add Opera 22 data.\n\n### 20140410\n* Chrome 34 is moved to released versions.\n* Add Chrome 37 data.\n* Fix Chrome 36 data.\n\n### 20140429\n* Fix `display: inline-flex` support by 2009 spec.\n* Fix old WebKit gradient converter (by Sergey Belov).\n* Fix CSS 3 cursors data (by Nick Schonning).\n\n### 20140430\n* Separate 2D and 3D transform prefixes to clean unnecessary `-ms-` prefixes.\n* Firefox 29 is moved to released versions.\n* Add Firefox 32 data.\n\n### 20140510\n* Do not add `-ms-` prefix for `transform` with 3D functions.\n* Update browsers global usage statistics.\n\n### 20140512\n* Remove unnecessary `-moz-` prefix for `wavy` in `text-decoration`.\n* Update Safari data for font properties.\n\n### 20140521\n* Chrome 36 is moved to released versions.\n* Add Chrome 38 data.\n\n### 20140523\n* Opera 21 is moved to released versions.\n* Add Opera 23 data.\n\n### 20140605\n* Allow to parse gradients without space between color and position.\n* Add iOS 8, Safari 8 and Android 4.4.3 data.\n* Update browsers usage statistics.\n\n## 1.0 “Plus ultra”\n* Source map support.\n* Save origin indents and code formatting.\n* Change CSS parser to PostCSS.\n* Preserve vendor-prefixed properties put right after unprefixed ones.\n* Rename `compile()` to `process()` and return result object,\n instead of CSS string.\n* Rename `inspect()` to `info()`.\n* Add in binary `-d` option to specify output directory.\n* Binary now will not concat output files.\n* Allow to select last versions for specified browser.\n* Add full browser names aliases: `firefox`, `explorer` and `blackberry`.\n* Ignore case in browser names.\n* Change license to MIT.\n* Add prefixes inside custom at-rules.\n* Add only necessary prefixes to selector inside prefixed at-rule.\n* Safer backgrounds list parser in gradient hack.\n* Prefix `@keyframes` inside `@media`.\n* Don’t prefix values for CSS3 PIE properties.\n* Binary now shows file name in syntax error.\n* Use browserify to build standalone version.\n\n### 20131225\n* Fix deprecated API convertor.\n* Add `::placeholder` support for Firefix >= 18.\n* Fix vendor prefixes order.\n\n### 20140103\n* Add `-webkit-` prefix for `sticky` position.\n* Update browsers popularity statistics.\n\n### 20140109\n* Add selectors and at-rules sections to debug info.\n* Fix outdated prefixes cleaning.\n\n### 20140110\n* Add `Firefox ESR` browser requirement.\n* Opera 18 is moved to released versions.\n* Add Opera 20 data.\n\n### 20140117\n* Chrome 32 is moved to released versions.\n* Add Opera 34 data.\n\n### 20140130\n* Fix flexbox properties names in transitions.\n* Add Chrome 35 and Firefox 29 data.\n\n### 20140203\n* Android 4.4 stock browser and Opera 19 are moved to released versions.\n* Add Opera 21 data.\n* Update browsers usage statistics.\n\n### 20140213\n* Add case insensitive to IE’s filter hack (by Dominik Schilling).\n* Improve selector prefixing in some rare cases (by Simon Lydell).\n* Firefox 27 is moved to released versions.\n* Add Firefox 30 data.\n\n## 0.8 “Unbowed, Unbent, Unbroken”\n* Add more browsers to defaults (\"> 1%, last 2 versions, ff 17, opera 12.1\"\n instead of just \"last 2 browsers\").\n* Keep vendor prefixes without unprefixed version (like vendor-specific hacks).\n* Convert gradients to old WebKit syntax (actual for Android 2.3).\n* Better support for several syntaxes with one prefix (like Flexbox and\n gradients in WebKit).\n* Add intrinsic and extrinsic sizing values support.\n* Remove never existed prefixes from common mistakes (like -ms-transition).\n* Add Opera 17 data.\n* Fix selector prefixes order.\n* Fix browser versions order in inspect.\n\n### 20130903\n* Fix old WebKit gradients convertor on rgba() colors.\n* Allow to write old direction syntax in gradients.\n\n### 20130906\n* Fix direction syntax in radial gradients.\n* Don’t prefix IE filter with modern syntax.\n\n### 20130911\n* Fix parsing property name with spaces.\n\n### 20130919\n* Fix processing custom framework prefixes (by Johannes J. Schmidt).\n* Concat outputs if several files compiled to one output.\n* Decrease standalone build size by removing unnecessary Binary class.\n* iOS 7 is moved to released versions.\n* Clean up binary code (by Simon Lydell).\n\n### 20130923\n* Firefox 24 is moved to released versions.\n\n### 20131001\n* Add support for grab, grabbing, zoom-in and zoom-out cursor values.\n\n### 20131006\n* Chrome 30 is moved to released versions.\n\n### 20131007\n* Don’t add another prefixes in rule with prefixed selector.\n\n### 20131009\n* Opera 17 is moved to released versions.\n\n### 20131015\n* Fix converting multiple gradients to old webkit syntax (by Aleksei Androsov).\n\n### 20131017\n* Fix @host at-rule parsing.\n\n### 20131020\n* IE 11 and Andrid 4.3 is moved to released versions.\n* Add Opera 18 data.\n* Add @namespace support.\n* Sort browser versions in data file.\n\n### 20131029\n* Add Safari 6.1 data.\n* Add fx alias for Firefox.\n\n### 20131104\n* Update Android future version to 4.4.\n* Google Chrome 32 added to future versions list.\n* Firefox 25 now is actual version, 27 and 28 added to future versions.\n* Browsers statistics are updated.\n\n### 20131205\n* Google Chrome 33 added to future releases list.\n* Google Chrome 31 moved to current releases list.\n\n### 20131209\n* Use old webkit gradients for old iOS and Safari (by Chad von Nau).\n* Fix direction conversion for old webkit gradients (by Chad von Nau).\n* Update browsers popularity statistics.\n\n### 20131213\n* Firefox ESR in default browsers was changed to 24 version.\n* Firefox 26 was moved to current releases list.\n* Firefox 28 was added to future releases list.\n\n## 0.7 “We Do Not Sow”\n* Add vendor prefixes to selectors.\n* Add ::selection and ::placeholder selectors support.\n* Allow to load support data from Can I Use pull requests.\n* Remove deprecated API.\n\n### 20130806\n* Add hyphens support.\n\n### 20130807\n* Add tab-size support.\n* Add :fullscreen support.\n\n### 20130808\n* Allow to select browser versions by > and >= operator.\n* Fix flex properties in transition.\n\n### 20130810\n* Add Firefox 25 data.\n\n### 20130824\n* Add Chrome 31 and 30 data.\n* Fix CSS comments parsing (by vladkens).\n\n## 0.6 “As High As Honor”\n* New faster API, which cache preprocessed data. Old API is deprecated.\n* A lot of perfomance improvements.\n* Add Opera 15 -webkit- prefix support.\n* Update Chrome 29 and Safari 7 prefixes data.\n* Add minor browsers in popularity select.\n* Better syntax error messages.\n\n### 20130721\n* Add Chrome 30 data.\n\n### 20130728\n* Don’t remove non-standard -webkit-background-clip: text.\n* Don’t remove IE hack on CSS parse.\n\n### 20130729\n* Add Opera 16 data.\n* Fix “Invalid range in character class” error on Firefox.\n\n### 20130730\n* Fix correct clone comments inside keyframes (by Alexey Plutalov).\n* Fix angle recalculation in gradients (by Roman Komarov).\n\n### 20130731\n* Add border-image support.\n\n## 0.5 “Ours is the Fury”\n* Rewrite Autoprefixer to be more flexible.\n* Use css, instead of Rework, to fix CSS parsing errors faster.\n* Fix a lot of CSS parsing errors.\n\n### 20130616\n* More useful message for CSS parsing errors.\n* Remove old WebKit gradient syntax.\n* Fix parsing error on comment with braces.\n\n### 20130617\n* Remove old Mozilla border-radius.\n* Don’t prefix old IE filter.\n* Remove old background-clip, background-size and background-origin prefixes.\n* Speed up regexps in values.\n* Allow to hack property declarations.\n\n### 20130625\n* Convert flexbox properties to 2009 and 2012 specifications.\n* Improve messages on syntax errors.\n\n### 20130626\n* Add Firefox 24 data.\n* Add prefixes for font-feature-settings.\n\n### 20130629\n* Fix convert flex properties to old box-flex.\n\n## 0.4 “Winter Is Coming”\n* Remove outdated prefixes.\n* Add border-radius and box-shadow properties to database.\n* Change degrees in webkit gradients.\n\n### 20130515\n* Add old syntax in gradient direction.\n* Add old syntax for display: flex.\n* Update browser global usage statistics.\n\n### 20130521\n* Add Firefox 23 data.\n\n### 20130524\n* Add Chrome 29 data.\n\n### 20130528\n* Fix compatibilty with Rework from git master.\n* Add minor browsers to data, which can be selected only directly.\n\n### 20130530\n* Add Opera 15 and iOS 6.1 data.\n* Fix iOS versions in properties and values data.\n\n### 20130603\n* Use latest Rework 0.15 with a lot of CSS parsing fixes.\n* Update browsers usage statistics.\n\n## 0.3 “Growing Strong”\n* Rename `autoprefixer.filter()` to `autoprefixer.rework()`.\n* Use own filters instead of Rework’s `prefix` and `prefixValue`.\n* Smarter value prefixer without false match “order” in “border”.\n* 40% faster.\n* Don’t add unnecessary properties instead of Rework’s `prefixValue`.\n* Don’t change properties order.\n* Sort properties and values in inspect output.\n* Add main to component config (by Jonathan Ong).\n* Fix documentation (by Sergey Leschina and Mark Vasilkov).\n\n### 20130424\n* Fix value override in prefixer.\n\n### 20130427\n* Prefix several same values in one property.\n* Fix Windows support in binary.\n* Improve print errors in binary.\n\n### 20130502\n* Don’t add -webkit- prefix to IE filter.\n* Don’t duplicate prefixes on second run.\n\n## 0.2 “Hear Me Roar!”\n* Update parse libraries.\n* Use component package manager to build standalone script.\n* Add inspect to standalone script.\n\n## 0.1 “Fire and Blood”\n* Initial release.\n"
},
{
"path": "LICENSE",
"content": "The MIT License (MIT)\n\nCopyright 2013 Andrey Sitnik \n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n"
},
{
"path": "README.md",
"content": "# Autoprefixer [![Cult Of Martians][cult-img]][cult]\n\n\n\n[PostCSS] plugin to parse CSS and add vendor prefixes to CSS rules using values\nfrom [Can I Use]. It is recommended by Google and used in Twitter and Alibaba.\n\nWrite your CSS rules without vendor prefixes (in fact, forget about them\nentirely):\n\n```css\n::placeholder {\n color: gray;\n}\n\n.image {\n width: stretch;\n}\n```\n\nAutoprefixer will use the data based on current browser popularity and property\nsupport to apply prefixes for you. You can try the [interactive demo]\nof Autoprefixer.\n\n```css\n::-moz-placeholder {\n color: gray;\n}\n::placeholder {\n color: gray;\n}\n\n.image {\n width: -webkit-fill-available;\n width: -moz-available;\n width: stretch;\n}\n```\n\nTwitter account for news and releases: [@autoprefixer].\n\n\n\n\n\n[interactive demo]: https://autoprefixer.github.io/\n[@autoprefixer]: https://twitter.com/autoprefixer\n[Can I Use]: https://caniuse.com/\n[cult-img]: https://cultofmartians.com/assets/badges/badge.svg\n[PostCSS]: https://github.com/postcss/postcss\n[cult]: https://cultofmartians.com/tasks/autoprefixer-grid.html\n\n\n## Contents\n\n* [Contents](#contents)\n* [Browsers](#browsers)\n* [FAQ](#faq)\n * [Does Autoprefixer polyfill Grid Layout for IE?](#does-autoprefixer-polyfill-grid-layout-for-ie)\n * [Does it add polyfills?](#does-it-add-polyfills)\n * [Why doesn’t Autoprefixer add prefixes to `border-radius`?](#why-doesnt-autoprefixer-add-prefixes-to-border-radius)\n * [Why does Autoprefixer use unprefixed properties in `@-webkit-keyframes`?](#why-does-autoprefixer-use-unprefixed-properties-in--webkit-keyframes)\n * [How to work with legacy `-webkit-` only code?](#how-to-work-with-legacy--webkit--only-code)\n * [Does Autoprefixer add `-epub-` prefix?](#does-autoprefixer-add--epub--prefix)\n * [Why doesn’t Autoprefixer transform generic font-family `system-ui`?](#why-doesnt-autoprefixer-transform-generic-font-family-system-ui)\n* [Usage](#usage)\n * [Gulp](#gulp)\n * [Webpack](#webpack)\n * [CSS-in-JS](#css-in-js)\n * [CLI](#cli)\n * [Other Build Tools](#other-build-tools)\n * [Preprocessors](#preprocessors)\n * [GUI Tools](#gui-tools)\n * [JavaScript](#javascript)\n * [Text Editors and IDE](#text-editors-and-ide)\n* [Warnings](#warnings)\n* [Disabling](#disabling)\n * [Prefixes](#prefixes)\n * [Features](#features)\n * [Control Comments](#control-comments)\n* [Options](#options)\n* [Environment Variables](#environment-variables)\n * [Using environment variables to support CSS Grid prefixes in Create React App](#using-environment-variables-to-support-css-grid-prefixes-in-create-react-app)\n* [Grid Autoplacement support in IE](#grid-autoplacement-support-in-ie)\n * [Beware of enabling autoplacement in old projects](#beware-of-enabling-autoplacement-in-old-projects)\n * [Autoplacement limitations](#autoplacement-limitations)\n * [Both columns and rows must be defined](#both-columns-and-rows-must-be-defined)\n * [Repeat auto-fit and auto-fill are not supported](#repeat-auto-fit-and-auto-fill-are-not-supported)\n * [No manual cell placement or column/row spans allowed inside an autoplacement grid](#no-manual-cell-placement-or-columnrow-spans-allowed-inside-an-autoplacement-grid)\n * [Do not create `::before` and `::after` pseudo elements](#do-not-create-before-and-after-pseudo-elements)\n * [When changing the `grid gap` value, columns and rows must be re-declared](#when-changing-the-grid-gap-value-columns-and-rows-must-be-re-declared)\n* [Debug](#debug)\n* [Security Contact](#security-contact)\n* [For Enterprise](#for-enterprise)\n\n## Browsers\n\nAutoprefixer uses [Browserslist], so you can specify the browsers\nyou want to target in your project with queries like `> 5%`\n(see [Best Practices]).\n\nThe best way to provide browsers is a `.browserslistrc` file in your project\nroot, or by adding a `browserslist` key to your `package.json`.\n\nWe recommend the use of these options over passing options to Autoprefixer so\nthat the config can be shared with other tools such as [babel-preset-env] and\n[Stylelint].\n\nSee [Browserslist docs] for queries, browser names, config format, and defaults.\n\n[Browserslist docs]: https://github.com/browserslist/browserslist#queries\n[babel-preset-env]: https://github.com/babel/babel/tree/master/packages/babel-preset-env\n[Best Practices]: https://github.com/browserslist/browserslist#best-practices\n[Browserslist]: https://github.com/browserslist/browserslist\n[Stylelint]: https://stylelint.io/\n\n\n## FAQ\n\n### Does Autoprefixer polyfill Grid Layout for IE?\n\nAutoprefixer can be used to translate modern CSS Grid syntax into IE 10\nand IE 11 syntax, but this polyfill will not work in 100% of cases.\nThis is why it is disabled by default.\n\nFirst, you need to enable Grid prefixes by using either the `grid: \"autoplace\"`\noption or the `/* autoprefixer grid: autoplace */` control comment.\nAlso you can use environment variable to enable Grid:\n`AUTOPREFIXER_GRID=autoplace npm build`.\n\nSecond, you need to test every fix with Grid in IE. It is not an enable and\nforget feature, but it is still very useful.\nFinancial Times and Yandex use it in production.\n\nThird, there is only very limited auto placement support. Read the\n[Grid Autoplacement support in IE](#grid-autoplacement-support-in-ie) section\nfor more details.\n\nFourth, if you are not using the autoplacement feature, the best way\nto use Autoprefixer is by using `grid-template` or `grid-template-areas`.\n\n```css\n.page {\n display: grid;\n grid-gap: 33px;\n grid-template:\n \"head head head\" 1fr\n \"nav main main\" minmax(100px, 1fr)\n \"nav foot foot\" 2fr /\n 1fr 100px 1fr;\n}\n.page__head {\n grid-area: head;\n}\n.page__nav {\n grid-area: nav;\n}\n.page__main {\n grid-area: main;\n}\n.page__footer {\n grid-area: foot;\n}\n```\n\nSee also:\n\n* [The guide about Grids in IE and Autoprefixer].\n* [`postcss-gap-properties`] to use new `gap` property\n instead of old `grid-gap`.\n* [`postcss-grid-kiss`] has alternate “everything in one property” syntax,\n which makes using Autoprefixer’s Grid translations safer.\n\n[The guide about Grids in IE and Autoprefixer]: https://css-tricks.com/css-grid-in-ie-css-grid-and-the-new-autoprefixer/\n[`postcss-gap-properties`]: https://github.com/jonathantneal/postcss-gap-properties\n[`postcss-grid-kiss`]: https://github.com/sylvainpolletvillard/postcss-grid-kiss\n\n\n### Does it add polyfills?\n\nNo. Autoprefixer only adds prefixes.\n\nMost new CSS features will require client side JavaScript to handle a new\nbehavior correctly.\n\nDepending on what you consider to be a “polyfill”, you can take a look at some\nother tools and libraries. If you are just looking for syntax sugar,\nyou might take a look at:\n\n- [postcss-preset-env] is a plugins preset with polyfills and Autoprefixer\n to write future CSS today.\n- [Oldie], a PostCSS plugin that handles some IE hacks (opacity, rgba, etc).\n- [postcss-flexbugs-fixes], a PostCSS plugin to fix flexbox issues.\n\n[postcss-flexbugs-fixes]: https://github.com/luisrudge/postcss-flexbugs-fixes\n[postcss-preset-env]: https://github.com/jonathantneal/postcss-preset-env\n[Oldie]: https://github.com/jonathantneal/oldie\n\n\n### Why doesn’t Autoprefixer add prefixes to `border-radius`?\n\nDevelopers are often surprised by how few prefixes are required today.\nIf Autoprefixer doesn’t add prefixes to your CSS, check if they’re still\nrequired on [Can I Use].\n\n[Can I Use]: https://caniuse.com/\n\n\n### Why does Autoprefixer use unprefixed properties in `@-webkit-keyframes`?\n\nBrowser teams can remove some prefixes before others, so we try to use all\ncombinations of prefixed/unprefixed values.\n\n\n### How to work with legacy `-webkit-` only code?\n\nAutoprefixer needs unprefixed property to add prefixes. So if you only\nwrote `-webkit-gradient` without W3C’s `gradient`,\nAutoprefixer will not add other prefixes.\n\nBut [PostCSS] has plugins to convert CSS to unprefixed state.\nUse [postcss-unprefix] before Autoprefixer.\n\n[postcss-unprefix]: https://github.com/gucong3000/postcss-unprefix\n\n\n### Does Autoprefixer add `-epub-` prefix?\n\nNo, Autoprefixer works only with browsers prefixes from Can I Use.\nBut you can use [postcss-epub] for prefixing ePub3 properties.\n\n[postcss-epub]: https://github.com/Rycochet/postcss-epub\n\n\n### Why doesn’t Autoprefixer transform generic font-family `system-ui`?\n\n`system-ui` is technically not a prefix and the transformation is not\nfuture-proof. You can use [postcss-font-family-system-ui] to transform\n`system-ui` to a practical font-family list.\n\n[postcss-font-family-system-ui]: https://github.com/JLHwung/postcss-font-family-system-ui\n\n\n## Usage\n\n### Gulp\n\nIn Gulp you can use [gulp-postcss] with `autoprefixer` npm package.\n\n```js\ngulp.task('autoprefixer', () => {\n const autoprefixer = require('autoprefixer')\n const sourcemaps = require('gulp-sourcemaps')\n const postcss = require('gulp-postcss')\n\n return gulp.src('./src/*.css')\n .pipe(sourcemaps.init())\n .pipe(postcss([ autoprefixer() ]))\n .pipe(sourcemaps.write('.'))\n .pipe(gulp.dest('./dest'))\n})\n```\n\nWith `gulp-postcss` you also can combine Autoprefixer\nwith [other PostCSS plugins].\n\n[gulp-postcss]: https://github.com/postcss/gulp-postcss\n[other PostCSS plugins]: https://github.com/postcss/postcss#plugins\n\n\n### Webpack\n\nIn [webpack] you can use [postcss-loader] with `autoprefixer`\nand [other PostCSS plugins].\n\n```js\nmodule.exports = {\n module: {\n rules: [\n {\n test: /\\.css$/,\n use: [\"style-loader\", \"css-loader\", \"postcss-loader\"]\n }\n ]\n }\n}\n```\n\nAnd create a `postcss.config.js` with:\n\n```js\nmodule.exports = {\n plugins: [\n require('autoprefixer')\n ]\n}\n```\n\n[other PostCSS plugins]: https://github.com/postcss/postcss#plugins\n[postcss-loader]: https://github.com/postcss/postcss-loader\n[webpack]: https://webpack.js.org/\n\n\n### CSS-in-JS\n\nThe best way to use PostCSS with CSS-in-JS is [`astroturf`].\nAdd its loader to your `webpack.config.js`:\n\n```js\nmodule.exports = {\n module: {\n rules: [\n {\n test: /\\.css$/,\n use: ['style-loader', 'postcss-loader'],\n },\n {\n test: /\\.jsx?$/,\n use: ['babel-loader', 'astroturf/loader'],\n }\n ]\n }\n}\n```\n\nThen create `postcss.config.js`:\n\n```js\nmodule.exports = {\n plugins: [\n require('autoprefixer')\n ]\n}\n```\n\n[`astroturf`]: https://github.com/4Catalyzer/astroturf\n\n\n### CLI\n\nYou can use the [postcss-cli] to run Autoprefixer from CLI:\n\n```sh\nnpm install postcss postcss-cli autoprefixer\nnpx postcss *.css --use autoprefixer -d build/\n```\n\nSee `postcss -h` for help.\n\n[postcss-cli]: https://github.com/postcss/postcss-cli\n\n\n### Other Build Tools\n\n* **Grunt:** [grunt-postcss]\n* **Ruby on Rails**: [autoprefixer-rails]\n* **Neutrino**: [neutrino-middleware-postcss]\n* **Jekyll**: add `autoprefixer-rails` and `jekyll-assets` to `Gemfile`\n* **Brunch**: [postcss-brunch]\n* **Broccoli**: [broccoli-postcss]\n* **Middleman**: [middleman-autoprefixer]\n* **Mincer**: add `autoprefixer` npm package and enable it:\n `environment.enable('autoprefixer')`\n\n[neutrino-middleware-postcss]: https://www.npmjs.com/package/neutrino-middleware-postcss\n[middleman-autoprefixer]: https://github.com/middleman/middleman-autoprefixer\n[autoprefixer-rails]: https://github.com/ai/autoprefixer-rails\n[broccoli-postcss]: https://github.com/jeffjewiss/broccoli-postcss\n[postcss-brunch]: https://github.com/iamvdo/postcss-brunch\n[grunt-postcss]: https://github.com/C-Lodder/grunt-postcss\n\n\n#### Preprocessors\n\n* **Less**: [less-plugin-autoprefix]\n* **Stylus**: [autoprefixer-stylus]\n* **Compass**: [autoprefixer-rails#compass]\n\n[less-plugin-autoprefix]: https://github.com/less/less-plugin-autoprefix\n[autoprefixer-stylus]: https://github.com/jenius/autoprefixer-stylus\n[autoprefixer-rails#compass]: https://github.com/ai/autoprefixer-rails#compass\n\n\n#### GUI Tools\n\n* [CodeKit](https://codekitapp.com/help/autoprefixer/)\n* [Prepros](https://prepros.io)\n\n\n### JavaScript\n\nYou can use Autoprefixer with [PostCSS] in your Node.js application\nor if you want to develop an Autoprefixer plugin for a new environment.\n\n```js\nconst autoprefixer = require('autoprefixer')\nconst postcss = require('postcss')\n\npostcss([ autoprefixer ]).process(css).then(result => {\n result.warnings().forEach(warn => {\n console.warn(warn.toString())\n })\n console.log(result.css)\n})\n```\n\nThere is also a [standalone build] for the browser or for a non-Node.js runtime.\n\nYou can use [html-autoprefixer] to process HTML with inlined CSS.\n\n[html-autoprefixer]: https://github.com/RebelMail/html-autoprefixer\n[standalone build]: https://raw.github.com/ai/autoprefixer-rails/master/vendor/autoprefixer.js\n[PostCSS]: https://github.com/postcss/postcss\n\n\n### Text Editors and IDE\n\nAutoprefixer should be used in assets build tools. Text editor plugins are not\na good solution, because prefixes decrease code readability and you will need\nto change values in all prefixed properties.\n\nI recommend you to learn how to use build tools like [Parcel].\nThey work much better and will open you a whole new world of useful plugins\nand automation.\n\nIf you can’t move to a build tool, you can use text editor plugins:\n\n* [Visual Studio Code](https://github.com/mrmlnc/vscode-autoprefixer)\n* [Sublime Text](https://github.com/sindresorhus/sublime-autoprefixer)\n\n[Parcel]: https://parceljs.org/\n\n\n## Warnings\n\nAutoprefixer uses the [PostCSS warning API] to warn about really important\nproblems in your CSS:\n\n* Old direction syntax in gradients.\n* Old unprefixed `display: box` instead of `display: flex`\n by latest specification version.\n\nYou can get warnings from `result.warnings()`:\n\n```js\nresult.warnings().forEach(warn => {\n console.warn(warn.toString())\n})\n```\n\nEvery Autoprefixer runner should display these warnings.\n\n[PostCSS warning API]: https://postcss.org/api/#warning\n\n\n## Disabling\n\n### Prefixes\n\nAutoprefixer was designed to have no interface – it just works.\nIf you need some browser specific hack just write a prefixed property\nafter the unprefixed one.\n\n```css\na {\n transform: scale(0.5);\n -moz-transform: scale(0.6);\n}\n```\n\nIf some prefixes were generated incorrectly, please create an [issue on GitHub].\n\n[issue on GitHub]: https://github.com/postcss/autoprefixer/issues\n\n\n### Features\n\nYou can use these plugin options to control some of Autoprefixer’s features.\n\n* `grid: \"autoplace\"` will enable `-ms-` prefixes for Grid Layout including some\n [limited autoplacement support](#grid-autoplacement-support-in-ie).\n* `supports: false` will disable `@supports` parameters prefixing.\n* `flexbox: false` will disable flexbox properties prefixing.\n Or `flexbox: \"no-2009\"` will add prefixes only for final and IE\n versions of specification.\n* `remove: false` will disable cleaning outdated prefixes.\n\nYou should set them inside the plugin like so:\n\n```js\nautoprefixer({ grid: 'autoplace' })\n```\n\n\n### Control Comments\n\nIf you do not need Autoprefixer in some part of your CSS,\nyou can use control comments to disable Autoprefixer.\n\n```css\n.a {\n transition: 1s; /* will be prefixed */\n}\n\n.b {\n /* autoprefixer: off */\n transition: 1s; /* will not be prefixed */\n}\n\n.c {\n /* autoprefixer: ignore next */\n transition: 1s; /* will not be prefixed */\n mask: url(image.png); /* will be prefixed */\n}\n```\n\nThere are three types of control comments:\n\n* `/* autoprefixer: (on|off) */`: enable/disable all Autoprefixer translations for the\n whole block both *before* and *after* the comment.\n* `/* autoprefixer: ignore next */`: disable Autoprefixer only for the next property\n or next rule selector or at-rule parameters (but not rule/at‑rule body).\n* `/* autoprefixer grid: (autoplace|no-autoplace|off) */`: control how Autoprefixer handles\n grid translations for the whole block:\n * `autoplace`: enable grid translations with autoplacement support.\n * `no-autoplace`: enable grid translations with autoplacement\n support *disabled* (alias for deprecated value `on`).\n * `off`: disable all grid translations.\n\nYou can also use comments recursively:\n\n```css\n/* autoprefixer: off */\n@supports (transition: all) {\n /* autoprefixer: on */\n a {\n /* autoprefixer: off */\n }\n}\n```\n\nNote that comments that disable the whole block should not be featured in the same\nblock twice:\n\n```css\n/* How not to use block level control comments */\n\n.do-not-do-this {\n /* autoprefixer: off */\n transition: 1s;\n /* autoprefixer: on */\n transform: rotate(20deg);\n}\n```\n\n\n## Options\n\nFunction `autoprefixer(options)` returns a new PostCSS plugin.\nSee [PostCSS API] for plugin usage documentation.\n\n```js\nautoprefixer({ cascade: false })\n```\n\nAvailable options are:\n\n* `env` (string): environment for Browserslist.\n* `cascade` (boolean): should Autoprefixer use Visual Cascade,\n if CSS is uncompressed. Default: `true`\n* `add` (boolean): should Autoprefixer add prefixes. Default is `true`.\n* `remove` (boolean): should Autoprefixer [remove outdated] prefixes.\n Default is `true`.\n* `supports` (boolean): should Autoprefixer add prefixes for `@supports`\n parameters. Default is `true`.\n* `flexbox` (boolean|string): should Autoprefixer add prefixes for flexbox\n properties. With `\"no-2009\"` value Autoprefixer will add prefixes only\n for final and IE 10 versions of specification. Default is `true`.\n* `grid` (false|`\"autoplace\"`|`\"no-autoplace\"`): should Autoprefixer\n add IE 10-11 prefixes for Grid Layout properties?\n * `false` (default): prevent Autoprefixer from outputting\n CSS Grid translations.\n * `\"autoplace\"`: enable Autoprefixer grid translations\n and *include* autoplacement support. You can also use\n `/* autoprefixer grid: autoplace */` in your CSS.\n * `\"no-autoplace\"`: enable Autoprefixer grid translations\n but *exclude* autoplacement support. You can also use\n `/* autoprefixer grid: no-autoplace */` in your CSS.\n (alias for the deprecated `true` value)\n* `stats` (object): custom [usage statistics] for `> 10% in my stats`\n browsers query.\n* `overrideBrowserslist` (array): list of queries for target browsers.\n Try to not use it. The best practice is to use `.browserslistrc` config\n or `browserslist` key in `package.json` to share target browsers\n with Babel, ESLint and Stylelint. See [Browserslist docs]\n for available queries and default value.\n* `ignoreUnknownVersions` (boolean): do not raise error on unknown browser\n version in Browserslist config. Default is `false`.\n\nPlugin object has `info()` method for debugging purpose.\n\nYou can use PostCSS processor to process several CSS files\nto increase performance.\n\n[usage statistics]: https://github.com/browserslist/browserslist#custom-usage-data\n[PostCSS API]: https://postcss.org/api/\n\n## Environment Variables\n\n* `AUTOPREFIXER_GRID`: (`autoplace`|`no-autoplace`) should Autoprefixer\n add IE 10-11 prefixes for Grid Layout properties?\n * `autoplace`: enable Autoprefixer grid translations\n and *include* autoplacement support.\n * `no-autoplace`: enable Autoprefixer grid translations\n but *exclude* autoplacement support.\n\nEnvironment variables are useful, when you want to change Autoprefixer options but don't have access to config files.\n[Create React App] is a good example of this.\n\n[Create React App]: (https://reactjs.org/docs/create-a-new-react-app.html#create-react-app)\n\n### Using environment variables to support CSS Grid prefixes in Create React App\n\n1. Install the latest version of Autoprefixer and [cross-env](https://www.npmjs.com/package/cross-env):\n\n```\nnpm install autoprefixer@latest cross-env --save-dev\n```\n\n2. Under `\"browserslist\"` > `\"development\"` in the package.json file, add `\"last 1 ie version\"`\n\n```\n\"browserslist\": {\n \"production\": [\n \">0.2%\",\n \"not dead\",\n \"not op_mini all\"\n ],\n \"development\": [\n \"last 1 chrome version\",\n \"last 1 firefox version\",\n \"last 1 safari version\",\n \"last 1 ie version\"\n ]\n}\n```\n\n3. Update `\"scripts\"` in the package.json file to the following:\n\n```\n\"scripts\": {\n \"start\": \"cross-env AUTOPREFIXER_GRID=autoplace react-scripts start\",\n \"build\": \"cross-env AUTOPREFIXER_GRID=autoplace react-scripts build\",\n \"test\": \"cross-env AUTOPREFIXER_GRID=autoplace react-scripts test\",\n \"eject\": \"react-scripts eject\"\n},\n```\n\nReplace `autoplace` with `no-autoplace` in the above example if you prefer to disable Autoprefixer Grid autoplacement support.\n\nNow when you run `npm start` you will see CSS Grid prefixes automatically being applied to your output CSS.\n\nSee also [Browserslist environment variables] for more examples on how to use environment variables in your project.\n\n[Browserslist environment variables]: https://github.com/browserslist/browserslist#environment-variables\n\n## Grid Autoplacement support in IE\n\nIf the `grid` option is set to `\"autoplace\"`, limited autoplacement support is added to Autoprefixers grid translations. You can also use\nthe `/* autoprefixer grid: autoplace */` control comment or\n`AUTOPREFIXER_GRID=autoplace npm build` environment variable.\n\nAutoprefixer will only autoplace grid cells if both `grid-template-rows`\nand `grid-template-columns` has been set. If `grid-template`\nor `grid-template-areas` has been set, Autoprefixer will use area based\ncell placement instead.\n\nAutoprefixer supports autoplacement by using `nth-child` CSS selectors.\nIt creates [number of columns] x [number of rows] `nth-child` selectors.\nFor this reason Autoplacement is only supported within the explicit grid.\n\n```css\n/* Input CSS */\n\n/* autoprefixer grid: autoplace */\n\n.autoplacement-example {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: auto auto;\n grid-gap: 20px;\n}\n```\n\n```css\n/* Output CSS */\n\n/* autoprefixer grid: autoplace */\n\n.autoplacement-example {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: 1fr 20px 1fr;\n grid-template-columns: 1fr 1fr;\n -ms-grid-rows: auto 20px auto;\n grid-template-rows: auto auto;\n grid-gap: 20px;\n}\n\n.autoplacement-example > *:nth-child(1) {\n -ms-grid-row: 1;\n -ms-grid-column: 1;\n}\n\n.autoplacement-example > *:nth-child(2) {\n -ms-grid-row: 1;\n -ms-grid-column: 3;\n}\n\n.autoplacement-example > *:nth-child(3) {\n -ms-grid-row: 3;\n -ms-grid-column: 1;\n}\n\n.autoplacement-example > *:nth-child(4) {\n -ms-grid-row: 3;\n -ms-grid-column: 3;\n}\n```\n\n### Beware of enabling autoplacement in old projects\n\nBe careful about enabling autoplacement in any already established projects that have\npreviously not used Autoprefixer's grid autoplacement feature before.\n\nIf this was your html:\n\n```html\n
\n \n
\n```\n\nThe following CSS will not work as expected with the autoplacement feature enabled:\n\n```css\n/* Unsafe CSS when Autoplacement is enabled */\n\n.grid-cell {\n grid-column: 2;\n grid-row: 2;\n}\n\n.grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(3, 1fr);\n}\n```\n\nSwapping the rules around will not fix the issue either:\n\n```css\n/* Also unsafe to use this CSS */\n\n.grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(3, 1fr);\n}\n\n.grid-cell {\n grid-column: 2;\n grid-row: 2;\n}\n```\n\nOne way to deal with this issue is to disable autoplacement in the\ngrid-declaration rule:\n\n```css\n/* Disable autoplacement to fix the issue */\n\n.grid {\n /* autoprefixer grid: no-autoplace */\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(3, 1fr);\n}\n\n.grid-cell {\n grid-column: 2;\n grid-row: 2;\n}\n```\n\nThe absolute best way to integrate autoplacement into already existing projects\nthough is to leave autoplacement turned off by default and then use a control\ncomment to enable it when needed. This method is far less likely to cause\nsomething on the site to break.\n\n```css\n/* Disable autoplacement by default in old projects */\n/* autoprefixer grid: no-autoplace */\n\n/* Old code will function the same way it always has */\n.old-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(3, 1fr);\n}\n.old-grid-cell {\n grid-column: 2;\n grid-row: 2;\n}\n\n/* Enable autoplacement when you want to use it in new code */\n.new-autoplace-friendly-grid {\n /* autoprefixer grid: autoplace */\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(3, auto);\n}\n```\n\nNote that the `grid: \"no-autoplace\"` setting and the\n`/* autoprefixer grid: no-autoplace */` control comment share identical\nfunctionality to the `grid: true` setting and the `/* autoprefixer grid: on */`\ncontrol comment. There is no need to refactor old code to use `no-autoplace`\nin place of the old `true` and `on` statements.\n\n### Autoplacement limitations\n\n#### Both columns and rows must be defined\n\nAutoplacement only works inside the explicit grid. The columns and rows need to be defined\nso that Autoprefixer knows how many `nth-child` selectors to generate.\n\n```css\n.not-allowed {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n}\n\n.is-allowed {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(10, auto);\n}\n```\n\n#### Repeat auto-fit and auto-fill are not supported\n\nThe `repeat(auto-fit, ...)` and `repeat(auto-fill, ...)` grid functionality relies on\nknowledge from the browser about screen dimensions and the number of available grid\nitems for it to work properly. Autoprefixer does not have access to this information\nso unfortunately this little snippet will _never_ be IE friendly.\n\n```css\n.grid {\n /* This will never be IE friendly */\n grid-template-columns: repeat(auto-fit, min-max(200px, 1fr))\n}\n```\n\n#### No manual cell placement or column/row spans allowed inside an autoplacement grid\n\nElements must not be manually placed or given column/row spans inside\nan autoplacement grid. Only the most basic of autoplacement grids are supported.\nGrid cells can still be placed manually outside the the explicit grid though.\nSupport for manually placing individual grid cells inside an explicit\nautoplacement grid is planned for a future release.\n\n```css\n.autoplacement-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: repeat(3, auto);\n}\n\n/* Grid cells placed inside the explicit grid\n will break the layout in IE */\n.not-permitted-grid-cell {\n grid-column: 1;\n grid-row: 1;\n}\n\n/* Grid cells placed outside the\n explicit grid will work in IE */\n.permitted-grid-cell {\n grid-column: 1 / span 2;\n grid-row: 4;\n}\n```\n\nIf manual cell placement is required, we recommend using `grid-template` or\n`grid-template-areas` instead:\n\n```css\n.page {\n display: grid;\n grid-gap: 30px;\n grid-template:\n \"head head\"\n \"nav main\" minmax(100px, 1fr)\n \"foot foot\" /\n 200px 1fr;\n}\n.page__head {\n grid-area: head;\n}\n.page__nav {\n grid-area: nav;\n}\n.page__main {\n grid-area: main;\n}\n.page__footer {\n grid-area: foot;\n}\n```\n\n#### Do not create `::before` and `::after` pseudo elements\n\nLet's say you have this HTML:\n\n```html\n
\n \n
\n```\n\nAnd you write this CSS:\n\n```css\n.grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: auto;\n}\n\n.grid::before {\n content: 'before';\n}\n\n.grid::after {\n content: 'after';\n}\n```\n\nThis will be the output:\n\n```css\n.grid {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: 1fr 1fr;\n grid-template-columns: 1fr 1fr;\n -ms-grid-rows: auto;\n grid-template-rows: auto;\n}\n\n.grid > *:nth-child(1) {\n -ms-grid-row: 1;\n -ms-grid-column: 1;\n}\n\n\n.grid > *:nth-child(2) {\n -ms-grid-row: 1;\n -ms-grid-column: 2;\n}\n\n.grid::before {\n content: 'before';\n}\n\n.grid::after {\n content: 'after';\n}\n```\n\nIE will place `.grid-cell`, `::before` and `::after` in row 1 column 1.\nModern browsers on the other hand will place `::before` in row 1 column 1,\n`.grid-cell` in row 1 column 2, and `::after` in row 2 column 1.\n\nSee this [CodePen](https://codepen.io/daniel-tonon/pen/gBymVw) to see a visualization\nof the issue. View the CodePen in both a modern browser and IE to see the difference.\n\nNote that you can still create `::before` and `::after` elements as long as you manually\nplace them outside the explicit grid.\n\n#### When changing the `grid gap` value, columns and rows must be re-declared\n\nIf you wish to change the size of a `grid-gap`, you will need to redeclare the grid columns and rows.\n\n```css\n.grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: auto;\n grid-gap: 50px;\n}\n\n/* This will *NOT* work in IE */\n@media (max-width: 600px) {\n .grid {\n grid-gap: 20px;\n }\n}\n\n/* This will *NOT* work in IE */\n.grid.small-gap {\n grid-gap: 20px;\n}\n```\n\n```css\n.grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: auto;\n grid-gap: 50px;\n}\n\n/* This *WILL* work in IE */\n@media (max-width: 600px) {\n .grid {\n grid-template-columns: 1fr 1fr;\n grid-template-rows: auto;\n grid-gap: 20px;\n }\n}\n\n/* This *WILL* work in IE */\n.grid.small-gap {\n grid-template-columns: 1fr 1fr;\n grid-template-rows: auto;\n grid-gap: 20px;\n}\n```\n\n## Debug\n\nRun `npx autoprefixer --info` in your project directory to check\nwhich browsers are selected and which properties will be prefixed:\n\n```console\n$ npx autoprefixer --info\nBrowsers:\n Edge: 16\n\nThese browsers account for 0.26% of all users globally\n\nAt-Rules:\n @viewport: ms\n\nSelectors:\n ::placeholder: ms\n\nProperties:\n appearance: webkit\n flow-from: ms\n flow-into: ms\n hyphens: ms\n overscroll-behavior: ms\n region-fragment: ms\n scroll-snap-coordinate: ms\n scroll-snap-destination: ms\n scroll-snap-points-x: ms\n scroll-snap-points-y: ms\n scroll-snap-type: ms\n text-size-adjust: ms\n text-spacing: ms\n user-select: ms\n```\n\nJS API is also available:\n\n```js\nconsole.log(autoprefixer().info())\n```\n\n## Security Contact\n\nTo report a security vulnerability, please use the [Tidelift security contact].\nTidelift will coordinate the fix and disclosure.\n\n[Tidelift security contact]: https://tidelift.com/security\n\n## For Enterprise\n\nAvailable as part of the Tidelift Subscription.\n\nThe maintainers of `autoprefixer` and thousands of other packages are working\nwith Tidelift to deliver commercial support and maintenance for the open source\ndependencies you use to build your applications. Save time, reduce risk,\nand improve code health, while paying the maintainers of the exact dependencies\nyou use. [Learn more.](https://tidelift.com/subscription/pkg/npm-autoprefixer?utm_source=npm-autoprefixer&utm_medium=referral&utm_campaign=enterprise&utm_term=repo)\n"
},
{
"path": "bin/autoprefixer",
"content": "#!/usr/bin/env node\n\nlet mode = process.argv[2]\nif (mode === '--info') {\n process.stdout.write(require('../')().info() + '\\n')\n} else if (mode === '--version') {\n process.stdout.write(\n 'autoprefixer ' + require('../package.json').version + '\\n'\n )\n} else {\n process.stdout.write(\n 'autoprefix\\n' +\n '\\n' +\n 'Options:\\n' +\n ' --info Show target browsers and used prefixes\\n' +\n ' --version Show version number\\n' +\n ' --help Show help\\n' +\n '\\n' +\n 'Usage:\\n' +\n ' autoprefixer --info\\n'\n )\n}\n"
},
{
"path": "data/prefixes.js",
"content": "let unpack = require('caniuse-lite/dist/unpacker/feature')\n\nfunction browsersSort(a, b) {\n a = a.split(' ')\n b = b.split(' ')\n if (a[0] > b[0]) {\n return 1\n } else if (a[0] < b[0]) {\n return -1\n } else {\n return Math.sign(parseFloat(a[1]) - parseFloat(b[1]))\n }\n}\n\n// Convert Can I Use data\nfunction f(data, opts, callback) {\n data = unpack(data)\n\n if (!callback) {\n ;[callback, opts] = [opts, {}]\n }\n\n let match = opts.match || /\\sx($|\\s)/\n let need = []\n\n for (let browser in data.stats) {\n let versions = data.stats[browser]\n for (let version in versions) {\n let support = versions[version]\n if (support.match(match)) {\n need.push(browser + ' ' + version)\n }\n }\n }\n\n callback(need.sort(browsersSort))\n}\n\n// Add data for all properties\nlet result = {}\n\nfunction prefix(names, data) {\n for (let name of names) {\n result[name] = Object.assign({}, data)\n }\n}\n\nfunction add(names, data) {\n for (let name of names) {\n result[name].browsers = result[name].browsers\n .concat(data.browsers)\n .sort(browsersSort)\n }\n}\n\nmodule.exports = result\n\n// Border Radius\nlet prefixBorderRadius = require('caniuse-lite/data/features/border-radius')\n\nf(prefixBorderRadius, browsers =>\n prefix(\n [\n 'border-radius',\n 'border-top-left-radius',\n 'border-top-right-radius',\n 'border-bottom-right-radius',\n 'border-bottom-left-radius'\n ],\n {\n browsers,\n feature: 'border-radius',\n mistakes: ['-khtml-', '-ms-', '-o-']\n }\n )\n)\n\n// Box Shadow\nlet prefixBoxshadow = require('caniuse-lite/data/features/css-boxshadow')\n\nf(prefixBoxshadow, browsers =>\n prefix(['box-shadow'], {\n browsers,\n feature: 'css-boxshadow',\n mistakes: ['-khtml-']\n })\n)\n\n// Animation\nlet prefixAnimation = require('caniuse-lite/data/features/css-animation')\n\nf(prefixAnimation, browsers =>\n prefix(\n [\n 'animation',\n 'animation-name',\n 'animation-duration',\n 'animation-delay',\n 'animation-direction',\n 'animation-fill-mode',\n 'animation-iteration-count',\n 'animation-play-state',\n 'animation-timing-function',\n '@keyframes'\n ],\n {\n browsers,\n feature: 'css-animation',\n mistakes: ['-khtml-', '-ms-']\n }\n )\n)\n\n// Transition\nlet prefixTransition = require('caniuse-lite/data/features/css-transitions')\n\nf(prefixTransition, browsers =>\n prefix(\n [\n 'transition',\n 'transition-property',\n 'transition-duration',\n 'transition-delay',\n 'transition-timing-function'\n ],\n {\n browsers,\n feature: 'css-transitions',\n mistakes: ['-khtml-', '-ms-']\n }\n )\n)\n\n// Transform 2D\nlet prefixTransform2d = require('caniuse-lite/data/features/transforms2d')\n\nf(prefixTransform2d, browsers =>\n prefix(['transform', 'transform-origin'], {\n browsers,\n feature: 'transforms2d'\n })\n)\n\n// Transform 3D\nlet prefixTransforms3d = require('caniuse-lite/data/features/transforms3d')\n\nf(prefixTransforms3d, browsers => {\n prefix(['perspective', 'perspective-origin'], {\n browsers,\n feature: 'transforms3d'\n })\n return prefix(['transform-style'], {\n browsers,\n feature: 'transforms3d',\n mistakes: ['-ms-', '-o-']\n })\n})\n\nf(prefixTransforms3d, { match: /y\\sx|y\\s#2/ }, browsers =>\n prefix(['backface-visibility'], {\n browsers,\n feature: 'transforms3d',\n mistakes: ['-ms-', '-o-']\n })\n)\n\n// Gradients\nlet prefixGradients = require('caniuse-lite/data/features/css-gradients')\n\nf(prefixGradients, { match: /y\\sx/ }, browsers =>\n prefix(\n [\n 'linear-gradient',\n 'repeating-linear-gradient',\n 'radial-gradient',\n 'repeating-radial-gradient'\n ],\n {\n browsers,\n feature: 'css-gradients',\n mistakes: ['-ms-'],\n props: [\n 'background',\n 'background-image',\n 'border-image',\n 'mask',\n 'list-style',\n 'list-style-image',\n 'content',\n 'mask-image'\n ]\n }\n )\n)\n\nf(prefixGradients, { match: /a\\sx/ }, browsers => {\n browsers = browsers.map(i => {\n if (/firefox|op/.test(i)) {\n return i\n } else {\n return `${i} old`\n }\n })\n return add(\n [\n 'linear-gradient',\n 'repeating-linear-gradient',\n 'radial-gradient',\n 'repeating-radial-gradient'\n ],\n {\n browsers,\n feature: 'css-gradients'\n }\n )\n})\n\n// Box sizing\nlet prefixBoxsizing = require('caniuse-lite/data/features/css3-boxsizing')\n\nf(prefixBoxsizing, browsers =>\n prefix(['box-sizing'], {\n browsers,\n feature: 'css3-boxsizing'\n })\n)\n\n// Filter Effects\nlet prefixFilters = require('caniuse-lite/data/features/css-filters')\n\nf(prefixFilters, browsers =>\n prefix(['filter'], {\n browsers,\n feature: 'css-filters'\n })\n)\n\n// filter() function\nlet prefixFilterFunction = require('caniuse-lite/data/features/css-filter-function')\n\nf(prefixFilterFunction, browsers =>\n prefix(['filter-function'], {\n browsers,\n feature: 'css-filter-function',\n props: [\n 'background',\n 'background-image',\n 'border-image',\n 'mask',\n 'list-style',\n 'list-style-image',\n 'content',\n 'mask-image'\n ]\n })\n)\n\n// Backdrop-filter\nlet prefixBackdropFilter = require('caniuse-lite/data/features/css-backdrop-filter')\n\nf(prefixBackdropFilter, { match: /y\\sx|y\\s#2/ }, browsers =>\n prefix(['backdrop-filter'], {\n browsers,\n feature: 'css-backdrop-filter'\n })\n)\n\n// element() function\nlet prefixElementFunction = require('caniuse-lite/data/features/css-element-function')\n\nf(prefixElementFunction, browsers =>\n prefix(['element'], {\n browsers,\n feature: 'css-element-function',\n props: [\n 'background',\n 'background-image',\n 'border-image',\n 'mask',\n 'list-style',\n 'list-style-image',\n 'content',\n 'mask-image'\n ]\n })\n)\n\n// Multicolumns\nlet prefixMulticolumns = require('caniuse-lite/data/features/multicolumn')\n\nf(prefixMulticolumns, browsers => {\n prefix(\n [\n 'columns',\n 'column-width',\n 'column-gap',\n 'column-rule',\n 'column-rule-color',\n 'column-rule-width',\n 'column-count',\n 'column-rule-style',\n 'column-span',\n 'column-fill'\n ],\n {\n browsers,\n feature: 'multicolumn'\n }\n )\n\n let noff = browsers.filter(i => !/firefox/.test(i))\n prefix(['break-before', 'break-after', 'break-inside'], {\n browsers: noff,\n feature: 'multicolumn'\n })\n})\n\n// User select\nlet prefixUserSelect = require('caniuse-lite/data/features/user-select-none')\n\nf(prefixUserSelect, browsers =>\n prefix(['user-select'], {\n browsers,\n feature: 'user-select-none',\n mistakes: ['-khtml-']\n })\n)\n\n// Flexible Box Layout\nlet prefixFlexbox = require('caniuse-lite/data/features/flexbox')\n\nf(prefixFlexbox, { match: /a\\sx/ }, browsers => {\n browsers = browsers.map(i => {\n if (/ie|firefox/.test(i)) {\n return i\n } else {\n return `${i} 2009`\n }\n })\n prefix(['display-flex', 'inline-flex'], {\n browsers,\n feature: 'flexbox',\n props: ['display']\n })\n prefix(['flex', 'flex-grow', 'flex-shrink', 'flex-basis'], {\n browsers,\n feature: 'flexbox'\n })\n prefix(\n [\n 'flex-direction',\n 'flex-wrap',\n 'flex-flow',\n 'justify-content',\n 'order',\n 'align-items',\n 'align-self',\n 'align-content'\n ],\n {\n browsers,\n feature: 'flexbox'\n }\n )\n})\n\nf(prefixFlexbox, { match: /y\\sx/ }, browsers => {\n add(['display-flex', 'inline-flex'], {\n browsers,\n feature: 'flexbox'\n })\n add(['flex', 'flex-grow', 'flex-shrink', 'flex-basis'], {\n browsers,\n feature: 'flexbox'\n })\n add(\n [\n 'flex-direction',\n 'flex-wrap',\n 'flex-flow',\n 'justify-content',\n 'order',\n 'align-items',\n 'align-self',\n 'align-content'\n ],\n {\n browsers,\n feature: 'flexbox'\n }\n )\n})\n\n// calc() unit\nlet prefixCalc = require('caniuse-lite/data/features/calc')\n\nf(prefixCalc, browsers =>\n prefix(['calc'], {\n browsers,\n feature: 'calc',\n props: ['*']\n })\n)\n\n// Background options\nlet prefixBackgroundOptions = require('caniuse-lite/data/features/background-img-opts')\n\nf(prefixBackgroundOptions, browsers =>\n prefix(['background-origin', 'background-size'], {\n browsers,\n feature: 'background-img-opts'\n })\n)\n\n// background-clip: text\nlet prefixBackgroundClipText = require('caniuse-lite/data/features/background-clip-text')\n\nf(prefixBackgroundClipText, browsers =>\n prefix(['background-clip'], {\n browsers,\n feature: 'background-clip-text'\n })\n)\n\n// Font feature settings\nlet prefixFontFeature = require('caniuse-lite/data/features/font-feature')\n\nf(prefixFontFeature, browsers =>\n prefix(\n [\n 'font-feature-settings',\n 'font-variant-ligatures',\n 'font-language-override'\n ],\n {\n browsers,\n feature: 'font-feature'\n }\n )\n)\n\n// CSS font-kerning property\nlet prefixFontKerning = require('caniuse-lite/data/features/font-kerning')\n\nf(prefixFontKerning, browsers =>\n prefix(['font-kerning'], {\n browsers,\n feature: 'font-kerning'\n })\n)\n\n// Border image\nlet prefixBorderImage = require('caniuse-lite/data/features/border-image')\n\nf(prefixBorderImage, browsers =>\n prefix(['border-image'], {\n browsers,\n feature: 'border-image'\n })\n)\n\n// Selection selector\nlet prefixSelection = require('caniuse-lite/data/features/css-selection')\n\nf(prefixSelection, browsers =>\n prefix(['::selection'], {\n browsers,\n feature: 'css-selection',\n selector: true\n })\n)\n\n// Placeholder selector\nlet prefixPlaceholder = require('caniuse-lite/data/features/css-placeholder')\n\nf(prefixPlaceholder, browsers => {\n prefix(['::placeholder'], {\n browsers: browsers.concat(['ie 10 old', 'ie 11 old', 'firefox 18 old']),\n feature: 'css-placeholder',\n selector: true\n })\n})\n\n// Placeholder-shown selector\nlet prefixPlaceholderShown = require('caniuse-lite/data/features/css-placeholder-shown')\n\nf(prefixPlaceholderShown, browsers => {\n prefix([':placeholder-shown'], {\n browsers,\n feature: 'css-placeholder-shown',\n selector: true\n })\n})\n\n// Hyphenation\nlet prefixHyphens = require('caniuse-lite/data/features/css-hyphens')\n\nf(prefixHyphens, browsers =>\n prefix(['hyphens'], {\n browsers,\n feature: 'css-hyphens'\n })\n)\n\n// Fullscreen selector\nlet prefixFullscreen = require('caniuse-lite/data/features/fullscreen')\n\nf(prefixFullscreen, browsers =>\n prefix([':fullscreen'], {\n browsers,\n feature: 'fullscreen',\n selector: true\n })\n)\n\n// ::backdrop pseudo-element\n// https://caniuse.com/mdn-css_selectors_backdrop\nlet prefixBackdrop = require('caniuse-lite/data/features/mdn-css-backdrop-pseudo-element')\n\nf(prefixBackdrop, browsers =>\n prefix(['::backdrop'], {\n browsers,\n feature: 'backdrop',\n selector: true\n })\n)\n\n// File selector button\nlet prefixFileSelectorButton = require('caniuse-lite/data/features/css-file-selector-button')\n\nf(prefixFileSelectorButton, browsers =>\n prefix(['::file-selector-button'], {\n browsers,\n feature: 'file-selector-button',\n selector: true\n })\n)\n\n// :autofill\nlet prefixAutofill = require('caniuse-lite/data/features/css-autofill')\n\nf(prefixAutofill, browsers =>\n prefix([':autofill'], {\n browsers,\n feature: 'css-autofill',\n selector: true\n })\n)\n\n// Tab size\nlet prefixTabsize = require('caniuse-lite/data/features/css3-tabsize')\n\nf(prefixTabsize, browsers =>\n prefix(['tab-size'], {\n browsers,\n feature: 'css3-tabsize'\n })\n)\n\n// Intrinsic & extrinsic sizing\nlet prefixIntrinsic = require('caniuse-lite/data/features/intrinsic-width')\n\nlet sizeProps = [\n 'width',\n 'min-width',\n 'max-width',\n 'height',\n 'min-height',\n 'max-height',\n 'inline-size',\n 'min-inline-size',\n 'max-inline-size',\n 'block-size',\n 'min-block-size',\n 'max-block-size',\n 'grid',\n 'grid-template',\n 'grid-template-rows',\n 'grid-template-columns',\n 'grid-auto-columns',\n 'grid-auto-rows'\n]\n\nf(prefixIntrinsic, browsers =>\n prefix(['max-content', 'min-content'], {\n browsers,\n feature: 'intrinsic-width',\n props: sizeProps\n })\n)\n\nf(prefixIntrinsic, { match: /x|\\s#4/ }, browsers =>\n prefix(['fill', 'fill-available'], {\n browsers,\n feature: 'intrinsic-width',\n props: sizeProps\n })\n)\n\nf(prefixIntrinsic, { match: /x|\\s#5/ }, browsers => {\n let ffFix = browsers.filter(i => {\n let [name, version] = i.split(' ')\n if (name === 'firefox' || name === 'and_ff') {\n return parseInt(version) < 94\n } else {\n return true\n }\n })\n return prefix(['fit-content'], {\n browsers: ffFix,\n feature: 'intrinsic-width',\n props: sizeProps\n })\n})\n\n// Stretch value\n\nlet prefixStretch = require('caniuse-lite/data/features/css-width-stretch')\n\nf(prefixStretch, browsers => {\n f(prefixIntrinsic, { match: /x|\\s#2/ }, firefox => {\n browsers = browsers.concat(firefox)\n })\n return prefix(['stretch'], {\n browsers,\n feature: 'css-width-stretch',\n props: sizeProps\n })\n})\n\n// Zoom cursors\nlet prefixCursorsNew = require('caniuse-lite/data/features/css3-cursors-newer')\n\nf(prefixCursorsNew, browsers =>\n prefix(['zoom-in', 'zoom-out'], {\n browsers,\n feature: 'css3-cursors-newer',\n props: ['cursor']\n })\n)\n\n// Grab cursors\nlet prefixCursorsGrab = require('caniuse-lite/data/features/css3-cursors-grab')\n\nf(prefixCursorsGrab, browsers =>\n prefix(['grab', 'grabbing'], {\n browsers,\n feature: 'css3-cursors-grab',\n props: ['cursor']\n })\n)\n\n// Sticky position\nlet prefixSticky = require('caniuse-lite/data/features/css-sticky')\n\nf(prefixSticky, browsers =>\n prefix(['sticky'], {\n browsers,\n feature: 'css-sticky',\n props: ['position']\n })\n)\n\n// Pointer Events\nlet prefixPointer = require('caniuse-lite/data/features/pointer')\n\nf(prefixPointer, browsers =>\n prefix(['touch-action'], {\n browsers,\n feature: 'pointer'\n })\n)\n\n// Text decoration\nlet prefixDecoration = require('caniuse-lite/data/features/text-decoration')\n\nf(prefixDecoration, { match: /x.*#[235]/ }, browsers =>\n prefix(['text-decoration-skip', 'text-decoration-skip-ink'], {\n browsers,\n feature: 'text-decoration'\n })\n)\n\nlet prefixDecorationShorthand = require('caniuse-lite/data/features/mdn-text-decoration-shorthand')\n\nf(prefixDecorationShorthand, browsers =>\n prefix(['text-decoration'], {\n browsers,\n feature: 'text-decoration'\n })\n)\n\nlet prefixDecorationColor = require('caniuse-lite/data/features/mdn-text-decoration-color')\n\nf(prefixDecorationColor, browsers =>\n prefix(['text-decoration-color'], {\n browsers,\n feature: 'text-decoration'\n })\n)\n\nlet prefixDecorationLine = require('caniuse-lite/data/features/mdn-text-decoration-line')\n\nf(prefixDecorationLine, browsers =>\n prefix(['text-decoration-line'], {\n browsers,\n feature: 'text-decoration'\n })\n)\n\nlet prefixDecorationStyle = require('caniuse-lite/data/features/mdn-text-decoration-style')\n\nf(prefixDecorationStyle, browsers =>\n prefix(['text-decoration-style'], {\n browsers,\n feature: 'text-decoration'\n })\n)\n\n// Text Size Adjust\nlet prefixTextSizeAdjust = require('caniuse-lite/data/features/text-size-adjust')\n\nf(prefixTextSizeAdjust, browsers =>\n prefix(['text-size-adjust'], {\n browsers,\n feature: 'text-size-adjust'\n })\n)\n\n// CSS Masks\nlet prefixCssMasks = require('caniuse-lite/data/features/css-masks')\n\nf(prefixCssMasks, browsers => {\n prefix(\n [\n 'mask-clip',\n 'mask-composite',\n 'mask-image',\n 'mask-origin',\n 'mask-repeat',\n 'mask-border-repeat',\n 'mask-border-source'\n ],\n {\n browsers,\n feature: 'css-masks'\n }\n )\n prefix(\n [\n 'mask',\n 'mask-position',\n 'mask-size',\n 'mask-border',\n 'mask-border-outset',\n 'mask-border-width',\n 'mask-border-slice'\n ],\n {\n browsers,\n feature: 'css-masks'\n }\n )\n})\n\n// CSS clip-path property\nlet prefixClipPath = require('caniuse-lite/data/features/css-clip-path')\n\nf(prefixClipPath, browsers =>\n prefix(['clip-path'], {\n browsers,\n feature: 'css-clip-path'\n })\n)\n\n// Fragmented Borders and Backgrounds\nlet prefixBoxdecoration = require('caniuse-lite/data/features/css-boxdecorationbreak')\n\nf(prefixBoxdecoration, browsers =>\n prefix(['box-decoration-break'], {\n browsers,\n feature: 'css-boxdecorationbreak'\n })\n)\n\n// CSS3 object-fit/object-position\nlet prefixObjectFit = require('caniuse-lite/data/features/object-fit')\n\nf(prefixObjectFit, browsers =>\n prefix(['object-fit', 'object-position'], {\n browsers,\n feature: 'object-fit'\n })\n)\n\n// CSS Shapes\nlet prefixShapes = require('caniuse-lite/data/features/css-shapes')\n\nf(prefixShapes, browsers =>\n prefix(['shape-margin', 'shape-outside', 'shape-image-threshold'], {\n browsers,\n feature: 'css-shapes'\n })\n)\n\n// CSS3 text-overflow\nlet prefixTextOverflow = require('caniuse-lite/data/features/text-overflow')\n\nf(prefixTextOverflow, browsers =>\n prefix(['text-overflow'], {\n browsers,\n feature: 'text-overflow'\n })\n)\n\n// Viewport at-rule\nlet prefixDeviceadaptation = require('caniuse-lite/data/features/css-deviceadaptation')\n\nf(prefixDeviceadaptation, browsers =>\n prefix(['@viewport'], {\n browsers,\n feature: 'css-deviceadaptation'\n })\n)\n\n// Resolution Media Queries\nlet prefixResolut = require('caniuse-lite/data/features/css-media-resolution')\n\nf(prefixResolut, { match: /( x($| )|a #2)/ }, browsers =>\n prefix(['@resolution'], {\n browsers,\n feature: 'css-media-resolution'\n })\n)\n\n// CSS text-align-last\nlet prefixTextAlignLast = require('caniuse-lite/data/features/css-text-align-last')\n\nf(prefixTextAlignLast, browsers =>\n prefix(['text-align-last'], {\n browsers,\n feature: 'css-text-align-last'\n })\n)\n\n// Crisp Edges Image Rendering Algorithm\nlet prefixCrispedges = require('caniuse-lite/data/features/css-crisp-edges')\n\nf(prefixCrispedges, { match: /y x|a x #1/ }, browsers =>\n prefix(['pixelated'], {\n browsers,\n feature: 'css-crisp-edges',\n props: ['image-rendering']\n })\n)\n\nf(prefixCrispedges, { match: /a x #2/ }, browsers =>\n prefix(['image-rendering'], {\n browsers,\n feature: 'css-crisp-edges'\n })\n)\n\n// Logical Properties\nlet prefixLogicalProps = require('caniuse-lite/data/features/css-logical-props')\n\nf(prefixLogicalProps, browsers =>\n prefix(\n [\n 'border-inline-start',\n 'border-inline-end',\n 'margin-inline-start',\n 'margin-inline-end',\n 'padding-inline-start',\n 'padding-inline-end'\n ],\n {\n browsers,\n feature: 'css-logical-props'\n }\n )\n)\n\nf(prefixLogicalProps, { match: /x\\s#2/ }, browsers =>\n prefix(\n [\n 'border-block-start',\n 'border-block-end',\n 'margin-block-start',\n 'margin-block-end',\n 'padding-block-start',\n 'padding-block-end'\n ],\n {\n browsers,\n feature: 'css-logical-props'\n }\n )\n)\n\n// CSS appearance\nlet prefixAppearance = require('caniuse-lite/data/features/css-appearance')\n\nf(prefixAppearance, { match: /#2|x/ }, browsers =>\n prefix(['appearance'], {\n browsers,\n feature: 'css-appearance'\n })\n)\n\n// CSS Scroll snap points\nlet prefixSnappoints = require('caniuse-lite/data/features/css-snappoints')\n\nf(prefixSnappoints, browsers =>\n prefix(\n [\n 'scroll-snap-type',\n 'scroll-snap-coordinate',\n 'scroll-snap-destination',\n 'scroll-snap-points-x',\n 'scroll-snap-points-y'\n ],\n {\n browsers,\n feature: 'css-snappoints'\n }\n )\n)\n\n// CSS Regions\nlet prefixRegions = require('caniuse-lite/data/features/css-regions')\n\nf(prefixRegions, browsers =>\n prefix(['flow-into', 'flow-from', 'region-fragment'], {\n browsers,\n feature: 'css-regions'\n })\n)\n\n// CSS image-set\nlet prefixImageSet = require('caniuse-lite/data/features/css-image-set')\n\nf(prefixImageSet, browsers =>\n prefix(['image-set'], {\n browsers,\n feature: 'css-image-set',\n props: [\n 'background',\n 'background-image',\n 'border-image',\n 'cursor',\n 'mask',\n 'mask-image',\n 'list-style',\n 'list-style-image',\n 'content'\n ]\n })\n)\n\n// Writing Mode\nlet prefixWritingMode = require('caniuse-lite/data/features/css-writing-mode')\n\nf(prefixWritingMode, { match: /a|x/ }, browsers =>\n prefix(['writing-mode'], {\n browsers,\n feature: 'css-writing-mode'\n })\n)\n\n// Cross-Fade Function\nlet prefixCrossFade = require('caniuse-lite/data/features/css-cross-fade')\n\nf(prefixCrossFade, browsers =>\n prefix(['cross-fade'], {\n browsers,\n feature: 'css-cross-fade',\n props: [\n 'background',\n 'background-image',\n 'border-image',\n 'mask',\n 'list-style',\n 'list-style-image',\n 'content',\n 'mask-image'\n ]\n })\n)\n\n// Read Only selector\nlet prefixReadOnly = require('caniuse-lite/data/features/css-read-only-write')\n\nf(prefixReadOnly, browsers =>\n prefix([':read-only', ':read-write'], {\n browsers,\n feature: 'css-read-only-write',\n selector: true\n })\n)\n\n// Text Emphasize\nlet prefixTextEmphasis = require('caniuse-lite/data/features/text-emphasis')\n\nf(prefixTextEmphasis, browsers =>\n prefix(\n [\n 'text-emphasis',\n 'text-emphasis-position',\n 'text-emphasis-style',\n 'text-emphasis-color'\n ],\n {\n browsers,\n feature: 'text-emphasis'\n }\n )\n)\n\n// CSS Grid Layout\nlet prefixGrid = require('caniuse-lite/data/features/css-grid')\n\nf(prefixGrid, browsers => {\n prefix(['display-grid', 'inline-grid'], {\n browsers,\n feature: 'css-grid',\n props: ['display']\n })\n prefix(\n [\n 'grid-template-columns',\n 'grid-template-rows',\n 'grid-row-start',\n 'grid-column-start',\n 'grid-row-end',\n 'grid-column-end',\n 'grid-row',\n 'grid-column',\n 'grid-area',\n 'grid-template',\n 'grid-template-areas',\n 'place-self'\n ],\n {\n browsers,\n feature: 'css-grid'\n }\n )\n})\n\nf(prefixGrid, { match: /a x/ }, browsers =>\n prefix(['grid-column-align', 'grid-row-align'], {\n browsers,\n feature: 'css-grid'\n })\n)\n\n// CSS text-spacing\nlet prefixTextSpacing = require('caniuse-lite/data/features/css-text-spacing')\n\nf(prefixTextSpacing, browsers =>\n prefix(['text-spacing'], {\n browsers,\n feature: 'css-text-spacing'\n })\n)\n\n// :any-link selector\nlet prefixAnyLink = require('caniuse-lite/data/features/css-any-link')\n\nf(prefixAnyLink, browsers =>\n prefix([':any-link'], {\n browsers,\n feature: 'css-any-link',\n selector: true\n })\n)\n\n// unicode-bidi\n\nlet bidiIsolate = require('caniuse-lite/data/features/mdn-css-unicode-bidi-isolate')\n\nf(bidiIsolate, browsers =>\n prefix(['isolate'], {\n browsers,\n feature: 'css-unicode-bidi',\n props: ['unicode-bidi']\n })\n)\n\nlet bidiPlaintext = require('caniuse-lite/data/features/mdn-css-unicode-bidi-plaintext')\n\nf(bidiPlaintext, browsers =>\n prefix(['plaintext'], {\n browsers,\n feature: 'css-unicode-bidi',\n props: ['unicode-bidi']\n })\n)\n\nlet bidiOverride = require('caniuse-lite/data/features/mdn-css-unicode-bidi-isolate-override')\n\nf(bidiOverride, { match: /y x/ }, browsers =>\n prefix(['isolate-override'], {\n browsers,\n feature: 'css-unicode-bidi',\n props: ['unicode-bidi']\n })\n)\n\n// overscroll-behavior selector\nlet prefixOverscroll = require('caniuse-lite/data/features/css-overscroll-behavior')\n\nf(prefixOverscroll, { match: /a #1/ }, browsers =>\n prefix(['overscroll-behavior'], {\n browsers,\n feature: 'css-overscroll-behavior'\n })\n)\n\n// text-orientation\nlet prefixTextOrientation = require('caniuse-lite/data/features/css-text-orientation')\n\nf(prefixTextOrientation, browsers =>\n prefix(['text-orientation'], {\n browsers,\n feature: 'css-text-orientation'\n })\n)\n\n// print-color-adjust\nlet prefixPrintAdjust = require('caniuse-lite/data/features/css-print-color-adjust')\n\nf(prefixPrintAdjust, browsers =>\n prefix(['print-color-adjust', 'color-adjust'], {\n browsers,\n feature: 'css-print-color-adjust'\n })\n)\n"
},
{
"path": "eslint.config.mjs",
"content": "import loguxConfig from '@logux/eslint-config'\n\nexport default [\n {\n ignores: ['coverage']\n },\n ...loguxConfig,\n {\n rules: {\n 'n/prefer-node-protocol': 'off',\n 'no-console': 'off'\n }\n },\n {\n files: ['bin/autoprefixer'],\n rules: {\n 'n/global-require': 'off',\n 'n/no-unsupported-features/es-syntax': 'off'\n }\n },\n {\n files: ['data/prefixes.js'],\n rules: {\n 'import/order': 'off'\n }\n }\n]\n"
},
{
"path": "lib/at-rule.js",
"content": "let Prefixer = require('./prefixer')\n\nclass AtRule extends Prefixer {\n /**\n * Clone and add prefixes for at-rule\n */\n add(rule, prefix) {\n let prefixed = prefix + rule.name\n\n let already = rule.parent.some(\n i => i.name === prefixed && i.params === rule.params\n )\n if (already) {\n return undefined\n }\n\n let cloned = this.clone(rule, { name: prefixed })\n return rule.parent.insertBefore(rule, cloned)\n }\n\n /**\n * Clone node with prefixes\n */\n process(node) {\n let parent = this.parentPrefix(node)\n\n for (let prefix of this.prefixes) {\n if (!parent || parent === prefix) {\n this.add(node, prefix)\n }\n }\n }\n}\n\nmodule.exports = AtRule\n"
},
{
"path": "lib/autoprefixer.d.ts",
"content": "import { Plugin } from 'postcss'\nimport { Stats } from 'browserslist'\n\ndeclare function autoprefixer(\n ...args: [...T, autoprefixer.Options]\n): Plugin & autoprefixer.ExportedAPI\n\ndeclare function autoprefixer(\n browsers: string[],\n options?: autoprefixer.Options\n): Plugin & autoprefixer.ExportedAPI\n\ndeclare function autoprefixer(\n options?: autoprefixer.Options\n): Plugin & autoprefixer.ExportedAPI\n\ndeclare namespace autoprefixer {\n type GridValue = 'autoplace' | 'no-autoplace'\n\n interface Options {\n /** environment for `Browserslist` */\n env?: string\n\n /** should Autoprefixer use Visual Cascade, if CSS is uncompressed */\n cascade?: boolean\n\n /** should Autoprefixer add prefixes. */\n add?: boolean\n\n /** should Autoprefixer [remove outdated] prefixes */\n remove?: boolean\n\n /** should Autoprefixer add prefixes for @supports parameters. */\n supports?: boolean\n\n /** should Autoprefixer add prefixes for flexbox properties */\n flexbox?: boolean | 'no-2009'\n\n /** should Autoprefixer add IE 10-11 prefixes for Grid Layout properties */\n grid?: boolean | GridValue\n\n /** custom usage statistics for > 10% in my stats browsers query */\n stats?: Stats\n\n /**\n * list of queries for target browsers.\n * Try to not use it.\n * The best practice is to use `.browserslistrc` config or `browserslist` key in `package.json`\n * to share target browsers with Babel, ESLint and Stylelint\n */\n overrideBrowserslist?: string | string[]\n\n /** do not raise error on unknown browser version in `Browserslist` config. */\n ignoreUnknownVersions?: boolean\n }\n\n interface ExportedAPI {\n /** Autoprefixer data */\n data: {\n browsers: { [browser: string]: object | undefined }\n prefixes: { [prefixName: string]: object | undefined }\n }\n\n /** Autoprefixer default browsers */\n defaults: string[]\n\n /** Inspect with default Autoprefixer */\n info(options?: { from?: string }): string\n\n options: Options\n\n browsers: string | string[]\n }\n\n /** Autoprefixer data */\n let data: ExportedAPI['data']\n\n /** Autoprefixer default browsers */\n let defaults: ExportedAPI['defaults']\n\n /** Inspect with default Autoprefixer */\n let info: ExportedAPI['info']\n\n let postcss: true\n}\n\ndeclare global {\n namespace NodeJS {\n interface ProcessEnv {\n AUTOPREFIXER_GRID?: autoprefixer.GridValue\n }\n }\n}\n\nexport = autoprefixer\n"
},
{
"path": "lib/autoprefixer.js",
"content": "let browserslist = require('browserslist')\nlet { agents } = require('caniuse-lite/dist/unpacker/agents')\nlet pico = require('picocolors')\n\nlet dataPrefixes = require('../data/prefixes')\nlet Browsers = require('./browsers')\nlet getInfo = require('./info')\nlet Prefixes = require('./prefixes')\n\nlet autoprefixerData = { browsers: agents, prefixes: dataPrefixes }\n\nconst WARNING =\n '\\n' +\n ' Replace Autoprefixer `browsers` option to Browserslist config.\\n' +\n ' Use `browserslist` key in `package.json` or `.browserslistrc` file.\\n' +\n '\\n' +\n ' Using `browsers` option can cause errors. Browserslist config can\\n' +\n ' be used for Babel, Autoprefixer, postcss-normalize and other tools.\\n' +\n '\\n' +\n ' If you really need to use option, rename it to `overrideBrowserslist`.\\n' +\n '\\n' +\n ' Learn more at:\\n' +\n ' https://github.com/browserslist/browserslist#readme\\n' +\n ' https://twitter.com/browserslist\\n' +\n '\\n'\n\nfunction isPlainObject(obj) {\n return Object.prototype.toString.apply(obj) === '[object Object]'\n}\n\nlet cache = new Map()\n\nfunction timeCapsule(result, prefixes) {\n if (prefixes.browsers.selected.length === 0) {\n return\n }\n if (prefixes.add.selectors.length > 0) {\n return\n }\n if (Object.keys(prefixes.add).length > 2) {\n return\n }\n /* c8 ignore next 11 */\n result.warn(\n 'Autoprefixer target browsers do not need any prefixes.' +\n 'You do not need Autoprefixer anymore.\\n' +\n 'Check your Browserslist config to be sure that your targets ' +\n 'are set up correctly.\\n' +\n '\\n' +\n ' Learn more at:\\n' +\n ' https://github.com/postcss/autoprefixer#readme\\n' +\n ' https://github.com/browserslist/browserslist#readme\\n' +\n '\\n'\n )\n}\n\nmodule.exports = plugin\n\nfunction plugin(...reqs) {\n let options\n if (reqs.length === 1 && isPlainObject(reqs[0])) {\n options = reqs[0]\n reqs = undefined\n } else if (reqs.length === 0 || (reqs.length === 1 && !reqs[0])) {\n reqs = undefined\n } else if (reqs.length <= 2 && (Array.isArray(reqs[0]) || !reqs[0])) {\n options = reqs[1]\n reqs = reqs[0]\n } else if (typeof reqs[reqs.length - 1] === 'object') {\n options = reqs.pop()\n }\n\n if (!options) {\n options = {}\n }\n\n if (options.browser) {\n throw new Error(\n 'Change `browser` option to `overrideBrowserslist` in Autoprefixer'\n )\n } else if (options.browserslist) {\n throw new Error(\n 'Change `browserslist` option to `overrideBrowserslist` in Autoprefixer'\n )\n }\n\n if (options.overrideBrowserslist) {\n reqs = options.overrideBrowserslist\n } else if (options.browsers) {\n if (typeof console !== 'undefined' && console.warn) {\n console.warn(\n pico.red(WARNING.replace(/`[^`]+`/g, i => pico.yellow(i.slice(1, -1))))\n )\n }\n reqs = options.browsers\n }\n\n let brwlstOpts = {\n env: options.env,\n ignoreUnknownVersions: options.ignoreUnknownVersions,\n stats: options.stats\n }\n\n function loadPrefixes(opts) {\n let d = autoprefixerData\n let browsers = new Browsers(d.browsers, reqs, opts, brwlstOpts)\n let key = browsers.selected.join(', ') + JSON.stringify(options)\n\n if (!cache.has(key)) {\n cache.set(key, new Prefixes(d.prefixes, browsers, options))\n }\n\n return cache.get(key)\n }\n\n return {\n browsers: reqs,\n\n info(opts) {\n opts = opts || {}\n opts.from = opts.from || process.cwd()\n return getInfo(loadPrefixes(opts))\n },\n\n options,\n\n postcssPlugin: 'autoprefixer',\n prepare(result) {\n let prefixes = loadPrefixes({\n env: options.env,\n from: result.opts.from\n })\n\n return {\n OnceExit(root) {\n timeCapsule(result, prefixes)\n if (options.remove !== false) {\n prefixes.processor.remove(root, result)\n }\n if (options.add !== false) {\n prefixes.processor.add(root, result)\n }\n }\n }\n }\n }\n}\n\nplugin.postcss = true\n\n/**\n * Autoprefixer data\n */\nplugin.data = autoprefixerData\n\n/**\n * Autoprefixer default browsers\n */\nplugin.defaults = browserslist.defaults\n\n/**\n * Inspect with default Autoprefixer\n */\nplugin.info = () => plugin().info()\n"
},
{
"path": "lib/brackets.js",
"content": "function last(array) {\n return array[array.length - 1]\n}\n\nlet brackets = {\n /**\n * Parse string to nodes tree\n */\n parse(str) {\n let current = ['']\n let stack = [current]\n\n for (let sym of str) {\n if (sym === '(') {\n current = ['']\n last(stack).push(current)\n stack.push(current)\n continue\n }\n\n if (sym === ')') {\n stack.pop()\n current = last(stack)\n current.push('')\n continue\n }\n\n current[current.length - 1] += sym\n }\n\n return stack[0]\n },\n\n /**\n * Generate output string by nodes tree\n */\n stringify(ast) {\n let result = ''\n for (let i of ast) {\n if (typeof i === 'object') {\n result += `(${brackets.stringify(i)})`\n continue\n }\n\n result += i\n }\n return result\n }\n}\n\nmodule.exports = brackets\n"
},
{
"path": "lib/browsers.js",
"content": "let browserslist = require('browserslist')\nlet { agents } = require('caniuse-lite/dist/unpacker/agents')\n\nlet utils = require('./utils')\n\nclass Browsers {\n constructor(data, requirements, options, browserslistOpts) {\n this.data = data\n this.options = options || {}\n this.browserslistOpts = browserslistOpts || {}\n this.selected = this.parse(requirements)\n }\n\n /**\n * Return all prefixes for default browser data\n */\n static prefixes() {\n if (this.prefixesCache) {\n return this.prefixesCache\n }\n\n this.prefixesCache = []\n for (let name in agents) {\n this.prefixesCache.push(`-${agents[name].prefix}-`)\n }\n\n this.prefixesCache = utils\n .uniq(this.prefixesCache)\n .sort((a, b) => b.length - a.length)\n\n return this.prefixesCache\n }\n\n /**\n * Check is value contain any possible prefix\n */\n static withPrefix(value) {\n if (!this.prefixesRegexp) {\n this.prefixesRegexp = new RegExp(this.prefixes().join('|'))\n }\n\n return this.prefixesRegexp.test(value)\n }\n\n /**\n * Is browser is selected by requirements\n */\n isSelected(browser) {\n return this.selected.includes(browser)\n }\n\n /**\n * Return browsers selected by requirements\n */\n parse(requirements) {\n let opts = {}\n for (let i in this.browserslistOpts) {\n opts[i] = this.browserslistOpts[i]\n }\n opts.path = this.options.from\n return browserslist(requirements, opts)\n }\n\n /**\n * Return prefix for selected browser\n */\n prefix(browser) {\n let [name, version] = browser.split(' ')\n let data = this.data[name]\n\n let prefix = data.prefix_exceptions && data.prefix_exceptions[version]\n if (!prefix) {\n prefix = data.prefix\n }\n return `-${prefix}-`\n }\n}\n\nmodule.exports = Browsers\n"
},
{
"path": "lib/declaration.js",
"content": "let Browsers = require('./browsers')\nlet Prefixer = require('./prefixer')\nlet utils = require('./utils')\n\nclass Declaration extends Prefixer {\n /**\n * Clone and add prefixes for declaration\n */\n add(decl, prefix, prefixes, result) {\n let prefixed = this.prefixed(decl.prop, prefix)\n if (\n this.isAlready(decl, prefixed) ||\n this.otherPrefixes(decl.value, prefix)\n ) {\n return undefined\n }\n return this.insert(decl, prefix, prefixes, result)\n }\n\n /**\n * Calculate indentation to create visual cascade\n */\n calcBefore(prefixes, decl, prefix = '') {\n let max = this.maxPrefixed(prefixes, decl)\n let diff = max - utils.removeNote(prefix).length\n\n let before = decl.raw('before')\n if (diff > 0) {\n before += Array(diff).fill(' ').join('')\n }\n\n return before\n }\n\n /**\n * Always true, because we already get prefixer by property name\n */\n check(/* decl */) {\n return true\n }\n\n /**\n * Clone and insert new declaration\n */\n insert(decl, prefix, prefixes) {\n let cloned = this.set(this.clone(decl), prefix)\n if (!cloned) return undefined\n\n let already = decl.parent.some(\n i => i.prop === cloned.prop && i.value === cloned.value\n )\n if (already) {\n return undefined\n }\n\n if (this.needCascade(decl)) {\n cloned.raws.before = this.calcBefore(prefixes, decl, prefix)\n }\n return decl.parent.insertBefore(decl, cloned)\n }\n\n /**\n * Did this declaration has this prefix above\n */\n isAlready(decl, prefixed) {\n let already = this.all.group(decl).up(i => i.prop === prefixed)\n if (!already) {\n already = this.all.group(decl).down(i => i.prop === prefixed)\n }\n return already\n }\n\n /**\n * Return maximum length of possible prefixed property\n */\n maxPrefixed(prefixes, decl) {\n if (decl._autoprefixerMax) {\n return decl._autoprefixerMax\n }\n\n let max = 0\n for (let prefix of prefixes) {\n prefix = utils.removeNote(prefix)\n if (prefix.length > max) {\n max = prefix.length\n }\n }\n decl._autoprefixerMax = max\n\n return decl._autoprefixerMax\n }\n\n /**\n * Should we use visual cascade for prefixes\n */\n needCascade(decl) {\n if (!decl._autoprefixerCascade) {\n decl._autoprefixerCascade =\n this.all.options.cascade !== false && decl.raw('before').includes('\\n')\n }\n return decl._autoprefixerCascade\n }\n\n /**\n * Return unprefixed version of property\n */\n normalize(prop) {\n return prop\n }\n\n /**\n * Return list of prefixed properties to clean old prefixes\n */\n old(prop, prefix) {\n return [this.prefixed(prop, prefix)]\n }\n\n /**\n * Check `value`, that it contain other prefixes, rather than `prefix`\n */\n otherPrefixes(value, prefix) {\n for (let other of Browsers.prefixes()) {\n if (other === prefix) {\n continue\n }\n if (value.includes(other)) {\n return value.replace(/var\\([^)]+\\)/, '').includes(other)\n }\n }\n return false\n }\n\n /**\n * Return prefixed version of property\n */\n prefixed(prop, prefix) {\n return prefix + prop\n }\n\n /**\n * Add spaces for visual cascade\n */\n process(decl, result) {\n if (!this.needCascade(decl)) {\n super.process(decl, result)\n return\n }\n\n let prefixes = super.process(decl, result)\n\n if (!prefixes || !prefixes.length) {\n return\n }\n\n this.restoreBefore(decl)\n decl.raws.before = this.calcBefore(prefixes, decl)\n }\n\n /**\n * Remove visual cascade\n */\n restoreBefore(decl) {\n let lines = decl.raw('before').split('\\n')\n let min = lines[lines.length - 1]\n\n this.all.group(decl).up(prefixed => {\n let array = prefixed.raw('before').split('\\n')\n let last = array[array.length - 1]\n if (last.length < min.length) {\n min = last\n }\n })\n\n lines[lines.length - 1] = min\n decl.raws.before = lines.join('\\n')\n }\n\n /**\n * Set prefix to declaration\n */\n set(decl, prefix) {\n decl.prop = this.prefixed(decl.prop, prefix)\n return decl\n }\n}\n\nmodule.exports = Declaration\n"
},
{
"path": "lib/hacks/align-content.js",
"content": "let Declaration = require('../declaration')\nlet flexSpec = require('./flex-spec')\n\nclass AlignContent extends Declaration {\n /**\n * Return property name by final spec\n */\n normalize() {\n return 'align-content'\n }\n\n /**\n * Change property name for 2012 spec\n */\n prefixed(prop, prefix) {\n let spec\n ;[spec, prefix] = flexSpec(prefix)\n if (spec === 2012) {\n return prefix + 'flex-line-pack'\n }\n return super.prefixed(prop, prefix)\n }\n\n /**\n * Change value for 2012 spec and ignore prefix for 2009\n */\n set(decl, prefix) {\n let spec = flexSpec(prefix)[0]\n if (spec === 2012) {\n decl.value = AlignContent.oldValues[decl.value] || decl.value\n return super.set(decl, prefix)\n }\n if (spec === 'final') {\n return super.set(decl, prefix)\n }\n return undefined\n }\n}\n\nAlignContent.names = ['align-content', 'flex-line-pack']\n\nAlignContent.oldValues = {\n 'flex-end': 'end',\n 'flex-start': 'start',\n 'space-around': 'distribute',\n 'space-between': 'justify'\n}\n\nmodule.exports = AlignContent\n"
},
{
"path": "lib/hacks/align-items.js",
"content": "let Declaration = require('../declaration')\nlet flexSpec = require('./flex-spec')\n\nclass AlignItems extends Declaration {\n /**\n * Return property name by final spec\n */\n normalize() {\n return 'align-items'\n }\n\n /**\n * Change property name for 2009 and 2012 specs\n */\n prefixed(prop, prefix) {\n let spec\n ;[spec, prefix] = flexSpec(prefix)\n if (spec === 2009) {\n return prefix + 'box-align'\n }\n if (spec === 2012) {\n return prefix + 'flex-align'\n }\n return super.prefixed(prop, prefix)\n }\n\n /**\n * Change value for 2009 and 2012 specs\n */\n set(decl, prefix) {\n let spec = flexSpec(prefix)[0]\n if (spec === 2009 || spec === 2012) {\n decl.value = AlignItems.oldValues[decl.value] || decl.value\n }\n return super.set(decl, prefix)\n }\n}\n\nAlignItems.names = ['align-items', 'flex-align', 'box-align']\n\nAlignItems.oldValues = {\n 'flex-end': 'end',\n 'flex-start': 'start'\n}\n\nmodule.exports = AlignItems\n"
},
{
"path": "lib/hacks/align-self.js",
"content": "let Declaration = require('../declaration')\nlet flexSpec = require('./flex-spec')\n\nclass AlignSelf extends Declaration {\n check(decl) {\n return (\n decl.parent &&\n !decl.parent.some(i => {\n return i.prop && i.prop.startsWith('grid-')\n })\n )\n }\n\n /**\n * Return property name by final spec\n */\n normalize() {\n return 'align-self'\n }\n\n /**\n * Change property name for 2012 specs\n */\n prefixed(prop, prefix) {\n let spec\n ;[spec, prefix] = flexSpec(prefix)\n if (spec === 2012) {\n return prefix + 'flex-item-align'\n }\n return super.prefixed(prop, prefix)\n }\n\n /**\n * Change value for 2012 spec and ignore prefix for 2009\n */\n set(decl, prefix) {\n let spec = flexSpec(prefix)[0]\n if (spec === 2012) {\n decl.value = AlignSelf.oldValues[decl.value] || decl.value\n return super.set(decl, prefix)\n }\n if (spec === 'final') {\n return super.set(decl, prefix)\n }\n return undefined\n }\n}\n\nAlignSelf.names = ['align-self', 'flex-item-align']\n\nAlignSelf.oldValues = {\n 'flex-end': 'end',\n 'flex-start': 'start'\n}\n\nmodule.exports = AlignSelf\n"
},
{
"path": "lib/hacks/animation.js",
"content": "let Declaration = require('../declaration')\n\nclass Animation extends Declaration {\n /**\n * Don’t add prefixes for modern values.\n */\n check(decl) {\n return !decl.value.split(/\\s+/).some(i => {\n let lower = i.toLowerCase()\n return lower === 'reverse' || lower === 'alternate-reverse'\n })\n }\n}\n\nAnimation.names = ['animation', 'animation-direction']\n\nmodule.exports = Animation\n"
},
{
"path": "lib/hacks/appearance.js",
"content": "let Declaration = require('../declaration')\nlet utils = require('../utils')\n\nclass Appearance extends Declaration {\n constructor(name, prefixes, all) {\n super(name, prefixes, all)\n\n if (this.prefixes) {\n this.prefixes = utils.uniq(\n this.prefixes.map(i => {\n if (i === '-ms-') {\n return '-webkit-'\n }\n return i\n })\n )\n }\n }\n}\n\nAppearance.names = ['appearance']\n\nmodule.exports = Appearance\n"
},
{
"path": "lib/hacks/autofill.js",
"content": "let Selector = require('../selector')\nlet utils = require('../utils')\n\nclass Autofill extends Selector {\n constructor(name, prefixes, all) {\n super(name, prefixes, all)\n\n if (this.prefixes) {\n this.prefixes = utils.uniq(this.prefixes.map(() => '-webkit-'))\n }\n }\n\n /**\n * Return different selectors depend on prefix\n */\n prefixed(prefix) {\n if (prefix === '-webkit-') {\n return ':-webkit-autofill'\n }\n return `:${prefix}autofill`\n }\n}\n\nAutofill.names = [':autofill']\n\nmodule.exports = Autofill\n"
},
{
"path": "lib/hacks/backdrop-filter.js",
"content": "let Declaration = require('../declaration')\nlet utils = require('../utils')\n\nclass BackdropFilter extends Declaration {\n constructor(name, prefixes, all) {\n super(name, prefixes, all)\n\n if (this.prefixes) {\n this.prefixes = utils.uniq(\n this.prefixes.map(i => {\n return i === '-ms-' ? '-webkit-' : i\n })\n )\n }\n }\n}\n\nBackdropFilter.names = ['backdrop-filter']\n\nmodule.exports = BackdropFilter\n"
},
{
"path": "lib/hacks/background-clip.js",
"content": "let Declaration = require('../declaration')\nlet utils = require('../utils')\n\nclass BackgroundClip extends Declaration {\n constructor(name, prefixes, all) {\n super(name, prefixes, all)\n\n if (this.prefixes) {\n this.prefixes = utils.uniq(\n this.prefixes.map(i => {\n return i === '-ms-' ? '-webkit-' : i\n })\n )\n }\n }\n\n check(decl) {\n return decl.value.toLowerCase() === 'text'\n }\n}\n\nBackgroundClip.names = ['background-clip']\n\nmodule.exports = BackgroundClip\n"
},
{
"path": "lib/hacks/background-size.js",
"content": "let Declaration = require('../declaration')\n\nclass BackgroundSize extends Declaration {\n /**\n * Duplication parameter for -webkit- browsers\n */\n set(decl, prefix) {\n let value = decl.value.toLowerCase()\n if (\n prefix === '-webkit-' &&\n !value.includes(' ') &&\n value !== 'contain' &&\n value !== 'cover'\n ) {\n decl.value = decl.value + ' ' + decl.value\n }\n return super.set(decl, prefix)\n }\n}\n\nBackgroundSize.names = ['background-size']\n\nmodule.exports = BackgroundSize\n"
},
{
"path": "lib/hacks/block-logical.js",
"content": "let Declaration = require('../declaration')\n\nclass BlockLogical extends Declaration {\n /**\n * Return property name by spec\n */\n normalize(prop) {\n if (prop.includes('-before')) {\n return prop.replace('-before', '-block-start')\n }\n return prop.replace('-after', '-block-end')\n }\n\n /**\n * Use old syntax for -moz- and -webkit-\n */\n prefixed(prop, prefix) {\n if (prop.includes('-start')) {\n return prefix + prop.replace('-block-start', '-before')\n }\n return prefix + prop.replace('-block-end', '-after')\n }\n}\n\nBlockLogical.names = [\n 'border-block-start',\n 'border-block-end',\n 'margin-block-start',\n 'margin-block-end',\n 'padding-block-start',\n 'padding-block-end',\n 'border-before',\n 'border-after',\n 'margin-before',\n 'margin-after',\n 'padding-before',\n 'padding-after'\n]\n\nmodule.exports = BlockLogical\n"
},
{
"path": "lib/hacks/border-image.js",
"content": "let Declaration = require('../declaration')\n\nclass BorderImage extends Declaration {\n /**\n * Remove fill parameter for prefixed declarations\n */\n set(decl, prefix) {\n decl.value = decl.value.replace(/\\s+fill(\\s)/, '$1')\n return super.set(decl, prefix)\n }\n}\n\nBorderImage.names = ['border-image']\n\nmodule.exports = BorderImage\n"
},
{
"path": "lib/hacks/border-radius.js",
"content": "let Declaration = require('../declaration')\n\nclass BorderRadius extends Declaration {\n /**\n * Return unprefixed version of property\n */\n normalize(prop) {\n return BorderRadius.toNormal[prop] || prop\n }\n\n /**\n * Change syntax, when add Mozilla prefix\n */\n prefixed(prop, prefix) {\n if (prefix === '-moz-') {\n return prefix + (BorderRadius.toMozilla[prop] || prop)\n }\n return super.prefixed(prop, prefix)\n }\n}\n\nBorderRadius.names = ['border-radius']\n\nBorderRadius.toMozilla = {}\nBorderRadius.toNormal = {}\n\nfor (let ver of ['top', 'bottom']) {\n for (let hor of ['left', 'right']) {\n let normal = `border-${ver}-${hor}-radius`\n let mozilla = `border-radius-${ver}${hor}`\n\n BorderRadius.names.push(normal)\n BorderRadius.names.push(mozilla)\n\n BorderRadius.toMozilla[normal] = mozilla\n BorderRadius.toNormal[mozilla] = normal\n }\n}\n\nmodule.exports = BorderRadius\n"
},
{
"path": "lib/hacks/break-props.js",
"content": "let Declaration = require('../declaration')\n\nclass BreakProps extends Declaration {\n /**\n * Don’t prefix some values\n */\n insert(decl, prefix, prefixes) {\n if (decl.prop !== 'break-inside') {\n return super.insert(decl, prefix, prefixes)\n }\n if (/region/i.test(decl.value) || /page/i.test(decl.value)) {\n return undefined\n }\n return super.insert(decl, prefix, prefixes)\n }\n\n /**\n * Return property name by final spec\n */\n normalize(prop) {\n if (prop.includes('inside')) {\n return 'break-inside'\n }\n if (prop.includes('before')) {\n return 'break-before'\n }\n return 'break-after'\n }\n\n /**\n * Change name for -webkit- and -moz- prefix\n */\n prefixed(prop, prefix) {\n return `${prefix}column-${prop}`\n }\n\n /**\n * Change prefixed value for avoid-column and avoid-page\n */\n set(decl, prefix) {\n if (\n (decl.prop === 'break-inside' && decl.value === 'avoid-column') ||\n decl.value === 'avoid-page'\n ) {\n decl.value = 'avoid'\n }\n return super.set(decl, prefix)\n }\n}\n\nBreakProps.names = [\n 'break-inside',\n 'page-break-inside',\n 'column-break-inside',\n 'break-before',\n 'page-break-before',\n 'column-break-before',\n 'break-after',\n 'page-break-after',\n 'column-break-after'\n]\n\nmodule.exports = BreakProps\n"
},
{
"path": "lib/hacks/cross-fade.js",
"content": "let list = require('postcss').list\n\nlet Value = require('../value')\n\nclass CrossFade extends Value {\n replace(string, prefix) {\n return list\n .space(string)\n .map(value => {\n if (value.slice(0, +this.name.length + 1) !== this.name + '(') {\n return value\n }\n\n let close = value.lastIndexOf(')')\n let after = value.slice(close + 1)\n let args = value.slice(this.name.length + 1, close)\n\n if (prefix === '-webkit-') {\n let match = args.match(/\\d*.?\\d+%?/)\n if (match) {\n args = args.slice(match[0].length).trim()\n args += `, ${match[0]}`\n } else {\n args += ', 0.5'\n }\n }\n return prefix + this.name + '(' + args + ')' + after\n })\n .join(' ')\n }\n}\n\nCrossFade.names = ['cross-fade']\n\nmodule.exports = CrossFade\n"
},
{
"path": "lib/hacks/display-flex.js",
"content": "let OldValue = require('../old-value')\nlet Value = require('../value')\nlet flexSpec = require('./flex-spec')\n\nclass DisplayFlex extends Value {\n constructor(name, prefixes) {\n super(name, prefixes)\n if (name === 'display-flex') {\n this.name = 'flex'\n }\n }\n\n /**\n * Faster check for flex value\n */\n check(decl) {\n return decl.prop === 'display' && decl.value === this.name\n }\n\n /**\n * Change value for old specs\n */\n old(prefix) {\n let prefixed = this.prefixed(prefix)\n if (!prefixed) return undefined\n return new OldValue(this.name, prefixed)\n }\n\n /**\n * Return value by spec\n */\n prefixed(prefix) {\n let spec, value\n ;[spec, prefix] = flexSpec(prefix)\n\n if (spec === 2009) {\n if (this.name === 'flex') {\n value = 'box'\n } else {\n value = 'inline-box'\n }\n } else if (spec === 2012) {\n if (this.name === 'flex') {\n value = 'flexbox'\n } else {\n value = 'inline-flexbox'\n }\n } else if (spec === 'final') {\n value = this.name\n }\n\n return prefix + value\n }\n\n /**\n * Add prefix to value depend on flebox spec version\n */\n replace(string, prefix) {\n return this.prefixed(prefix)\n }\n}\n\nDisplayFlex.names = ['display-flex', 'inline-flex']\n\nmodule.exports = DisplayFlex\n"
},
{
"path": "lib/hacks/display-grid.js",
"content": "let Value = require('../value')\n\nclass DisplayGrid extends Value {\n constructor(name, prefixes) {\n super(name, prefixes)\n if (name === 'display-grid') {\n this.name = 'grid'\n }\n }\n\n /**\n * Faster check for flex value\n */\n check(decl) {\n return decl.prop === 'display' && decl.value === this.name\n }\n}\n\nDisplayGrid.names = ['display-grid', 'inline-grid']\n\nmodule.exports = DisplayGrid\n"
},
{
"path": "lib/hacks/file-selector-button.js",
"content": "let Selector = require('../selector')\nlet utils = require('../utils')\n\nclass FileSelectorButton extends Selector {\n constructor(name, prefixes, all) {\n super(name, prefixes, all)\n\n if (this.prefixes) {\n this.prefixes = utils.uniq(this.prefixes.map(() => '-webkit-'))\n }\n }\n\n /**\n * Return different selectors depend on prefix\n */\n prefixed(prefix) {\n if (prefix === '-webkit-') {\n return '::-webkit-file-upload-button'\n }\n return `::${prefix}file-selector-button`\n }\n}\n\nFileSelectorButton.names = ['::file-selector-button']\n\nmodule.exports = FileSelectorButton\n"
},
{
"path": "lib/hacks/filter-value.js",
"content": "let Value = require('../value')\n\nclass FilterValue extends Value {\n constructor(name, prefixes) {\n super(name, prefixes)\n if (name === 'filter-function') {\n this.name = 'filter'\n }\n }\n}\n\nFilterValue.names = ['filter', 'filter-function']\n\nmodule.exports = FilterValue\n"
},
{
"path": "lib/hacks/filter.js",
"content": "let Declaration = require('../declaration')\n\nclass Filter extends Declaration {\n /**\n * Check is it Internet Explorer filter\n */\n check(decl) {\n let v = decl.value\n return (\n !v.toLowerCase().includes('alpha(') &&\n !v.includes('DXImageTransform.Microsoft') &&\n !v.includes('data:image/svg+xml')\n )\n }\n}\n\nFilter.names = ['filter']\n\nmodule.exports = Filter\n"
},
{
"path": "lib/hacks/flex-basis.js",
"content": "let Declaration = require('../declaration')\nlet flexSpec = require('./flex-spec')\n\nclass FlexBasis extends Declaration {\n /**\n * Return property name by final spec\n */\n normalize() {\n return 'flex-basis'\n }\n\n /**\n * Return flex property for 2012 spec\n */\n prefixed(prop, prefix) {\n let spec\n ;[spec, prefix] = flexSpec(prefix)\n if (spec === 2012) {\n return prefix + 'flex-preferred-size'\n }\n return super.prefixed(prop, prefix)\n }\n\n /**\n * Ignore 2009 spec and use flex property for 2012\n */\n set(decl, prefix) {\n let spec\n ;[spec, prefix] = flexSpec(prefix)\n if (spec === 2012 || spec === 'final') {\n return super.set(decl, prefix)\n }\n return undefined\n }\n}\n\nFlexBasis.names = ['flex-basis', 'flex-preferred-size']\n\nmodule.exports = FlexBasis\n"
},
{
"path": "lib/hacks/flex-direction.js",
"content": "let Declaration = require('../declaration')\nlet flexSpec = require('./flex-spec')\n\nclass FlexDirection extends Declaration {\n /**\n * Use two properties for 2009 spec\n */\n insert(decl, prefix, prefixes) {\n let spec\n ;[spec, prefix] = flexSpec(prefix)\n if (spec !== 2009) {\n return super.insert(decl, prefix, prefixes)\n }\n let already = decl.parent.some(\n i =>\n i.prop === prefix + 'box-orient' || i.prop === prefix + 'box-direction'\n )\n if (already) {\n return undefined\n }\n\n let v = decl.value\n let dir, orient\n if (v === 'inherit' || v === 'initial' || v === 'unset') {\n orient = v\n dir = v\n } else {\n orient = v.includes('row') ? 'horizontal' : 'vertical'\n dir = v.includes('reverse') ? 'reverse' : 'normal'\n }\n\n let cloned = this.clone(decl)\n cloned.prop = prefix + 'box-orient'\n cloned.value = orient\n if (this.needCascade(decl)) {\n cloned.raws.before = this.calcBefore(prefixes, decl, prefix)\n }\n decl.parent.insertBefore(decl, cloned)\n\n cloned = this.clone(decl)\n cloned.prop = prefix + 'box-direction'\n cloned.value = dir\n if (this.needCascade(decl)) {\n cloned.raws.before = this.calcBefore(prefixes, decl, prefix)\n }\n return decl.parent.insertBefore(decl, cloned)\n }\n\n /**\n * Return property name by final spec\n */\n normalize() {\n return 'flex-direction'\n }\n\n /**\n * Clean two properties for 2009 spec\n */\n old(prop, prefix) {\n let spec\n ;[spec, prefix] = flexSpec(prefix)\n if (spec === 2009) {\n return [prefix + 'box-orient', prefix + 'box-direction']\n } else {\n return super.old(prop, prefix)\n }\n }\n}\n\nFlexDirection.names = ['flex-direction', 'box-direction', 'box-orient']\n\nmodule.exports = FlexDirection\n"
},
{
"path": "lib/hacks/flex-flow.js",
"content": "let Declaration = require('../declaration')\nlet flexSpec = require('./flex-spec')\n\nclass FlexFlow extends Declaration {\n /**\n * Use two properties for 2009 spec\n */\n insert(decl, prefix, prefixes) {\n let spec\n ;[spec, prefix] = flexSpec(prefix)\n if (spec !== 2009) {\n return super.insert(decl, prefix, prefixes)\n }\n let values = decl.value\n .split(/\\s+/)\n .filter(i => i !== 'wrap' && i !== 'nowrap' && 'wrap-reverse')\n if (values.length === 0) {\n return undefined\n }\n\n let already = decl.parent.some(\n i =>\n i.prop === prefix + 'box-orient' || i.prop === prefix + 'box-direction'\n )\n if (already) {\n return undefined\n }\n\n let value = values[0]\n let orient = value.includes('row') ? 'horizontal' : 'vertical'\n let dir = value.includes('reverse') ? 'reverse' : 'normal'\n\n let cloned = this.clone(decl)\n cloned.prop = prefix + 'box-orient'\n cloned.value = orient\n if (this.needCascade(decl)) {\n cloned.raws.before = this.calcBefore(prefixes, decl, prefix)\n }\n decl.parent.insertBefore(decl, cloned)\n\n cloned = this.clone(decl)\n cloned.prop = prefix + 'box-direction'\n cloned.value = dir\n if (this.needCascade(decl)) {\n cloned.raws.before = this.calcBefore(prefixes, decl, prefix)\n }\n return decl.parent.insertBefore(decl, cloned)\n }\n}\n\nFlexFlow.names = ['flex-flow', 'box-direction', 'box-orient']\n\nmodule.exports = FlexFlow\n"
},
{
"path": "lib/hacks/flex-grow.js",
"content": "let Declaration = require('../declaration')\nlet flexSpec = require('./flex-spec')\n\nclass Flex extends Declaration {\n /**\n * Return property name by final spec\n */\n normalize() {\n return 'flex'\n }\n\n /**\n * Return flex property for 2009 and 2012 specs\n */\n prefixed(prop, prefix) {\n let spec\n ;[spec, prefix] = flexSpec(prefix)\n if (spec === 2009) {\n return prefix + 'box-flex'\n }\n if (spec === 2012) {\n return prefix + 'flex-positive'\n }\n return super.prefixed(prop, prefix)\n }\n}\n\nFlex.names = ['flex-grow', 'flex-positive']\n\nmodule.exports = Flex\n"
},
{
"path": "lib/hacks/flex-shrink.js",
"content": "let Declaration = require('../declaration')\nlet flexSpec = require('./flex-spec')\n\nclass FlexShrink extends Declaration {\n /**\n * Return property name by final spec\n */\n normalize() {\n return 'flex-shrink'\n }\n\n /**\n * Return flex property for 2012 spec\n */\n prefixed(prop, prefix) {\n let spec\n ;[spec, prefix] = flexSpec(prefix)\n if (spec === 2012) {\n return prefix + 'flex-negative'\n }\n return super.prefixed(prop, prefix)\n }\n\n /**\n * Ignore 2009 spec and use flex property for 2012\n */\n set(decl, prefix) {\n let spec\n ;[spec, prefix] = flexSpec(prefix)\n if (spec === 2012 || spec === 'final') {\n return super.set(decl, prefix)\n }\n return undefined\n }\n}\n\nFlexShrink.names = ['flex-shrink', 'flex-negative']\n\nmodule.exports = FlexShrink\n"
},
{
"path": "lib/hacks/flex-spec.js",
"content": "/**\n * Return flexbox spec versions by prefix\n */\nmodule.exports = function (prefix) {\n let spec\n if (prefix === '-webkit- 2009' || prefix === '-moz-') {\n spec = 2009\n } else if (prefix === '-ms-') {\n spec = 2012\n } else if (prefix === '-webkit-') {\n spec = 'final'\n }\n\n if (prefix === '-webkit- 2009') {\n prefix = '-webkit-'\n }\n\n return [spec, prefix]\n}\n"
},
{
"path": "lib/hacks/flex-wrap.js",
"content": "let Declaration = require('../declaration')\nlet flexSpec = require('./flex-spec')\n\nclass FlexWrap extends Declaration {\n /**\n * Don't add prefix for 2009 spec\n */\n set(decl, prefix) {\n let spec = flexSpec(prefix)[0]\n if (spec !== 2009) {\n return super.set(decl, prefix)\n }\n return undefined\n }\n}\n\nFlexWrap.names = ['flex-wrap']\n\nmodule.exports = FlexWrap\n"
},
{
"path": "lib/hacks/flex.js",
"content": "let list = require('postcss').list\n\nlet Declaration = require('../declaration')\nlet flexSpec = require('./flex-spec')\n\nclass Flex extends Declaration {\n /**\n * Return property name by final spec\n */\n normalize() {\n return 'flex'\n }\n\n /**\n * Change property name for 2009 spec\n */\n prefixed(prop, prefix) {\n let spec\n ;[spec, prefix] = flexSpec(prefix)\n if (spec === 2009) {\n return prefix + 'box-flex'\n }\n return super.prefixed(prop, prefix)\n }\n\n /**\n * Spec 2009 supports only first argument\n * Spec 2012 disallows unitless basis\n */\n set(decl, prefix) {\n let spec = flexSpec(prefix)[0]\n if (spec === 2009) {\n decl.value = list.space(decl.value)[0]\n decl.value = Flex.oldValues[decl.value] || decl.value\n return super.set(decl, prefix)\n }\n if (spec === 2012) {\n let components = list.space(decl.value)\n if (components.length === 3 && components[2] === '0') {\n decl.value = components.slice(0, 2).concat('0px').join(' ')\n }\n }\n return super.set(decl, prefix)\n }\n}\n\nFlex.names = ['flex', 'box-flex']\n\nFlex.oldValues = {\n auto: '1',\n none: '0'\n}\n\nmodule.exports = Flex\n"
},
{
"path": "lib/hacks/fullscreen.js",
"content": "let Selector = require('../selector')\n\nclass Fullscreen extends Selector {\n /**\n * Return different selectors depend on prefix\n */\n prefixed(prefix) {\n if (prefix === '-webkit-') {\n return ':-webkit-full-screen'\n }\n if (prefix === '-moz-') {\n return ':-moz-full-screen'\n }\n return `:${prefix}fullscreen`\n }\n}\n\nFullscreen.names = [':fullscreen']\n\nmodule.exports = Fullscreen\n"
},
{
"path": "lib/hacks/gradient.js",
"content": "let parser = require('postcss-value-parser')\n\nlet OldValue = require('../old-value')\nlet utils = require('../utils')\nlet Value = require('../value')\n\nlet IS_DIRECTION = /top|left|right|bottom/gi\n\nclass Gradient extends Value {\n /**\n * Do not add non-webkit prefixes for list-style and object\n */\n add(decl, prefix) {\n let p = decl.prop\n if (p.includes('mask')) {\n if (prefix === '-webkit-' || prefix === '-webkit- old') {\n return super.add(decl, prefix)\n }\n } else if (\n p === 'list-style' ||\n p === 'list-style-image' ||\n p === 'content'\n ) {\n if (prefix === '-webkit-' || prefix === '-webkit- old') {\n return super.add(decl, prefix)\n }\n } else {\n return super.add(decl, prefix)\n }\n return undefined\n }\n\n /**\n * Get div token from exists parameters\n */\n cloneDiv(params) {\n for (let i of params) {\n if (i.type === 'div' && i.value === ',') {\n return i\n }\n }\n return { after: ' ', type: 'div', value: ',' }\n }\n\n /**\n * Change colors syntax to old webkit\n */\n colorStops(params) {\n let result = []\n for (let i = 0; i < params.length; i++) {\n let pos\n let param = params[i]\n let item\n if (i === 0) {\n continue\n }\n\n let color = parser.stringify(param[0])\n if (param[1] && param[1].type === 'word') {\n pos = param[1].value\n } else if (param[2] && param[2].type === 'word') {\n pos = param[2].value\n }\n\n let stop\n if (i === 1 && (!pos || pos === '0%')) {\n stop = `from(${color})`\n } else if (i === params.length - 1 && (!pos || pos === '100%')) {\n stop = `to(${color})`\n } else if (pos) {\n stop = `color-stop(${pos}, ${color})`\n } else {\n stop = `color-stop(${color})`\n }\n\n let div = param[param.length - 1]\n params[i] = [{ type: 'word', value: stop }]\n if (div.type === 'div' && div.value === ',') {\n item = params[i].push(div)\n }\n result.push(item)\n }\n return result\n }\n\n /**\n * Change new direction to old\n */\n convertDirection(params) {\n if (params.length > 0) {\n if (params[0].value === 'to') {\n this.fixDirection(params)\n } else if (params[0].value.includes('deg')) {\n this.fixAngle(params)\n } else if (this.isRadial(params)) {\n this.fixRadial(params)\n }\n }\n return params\n }\n\n /**\n * Add 90 degrees\n */\n fixAngle(params) {\n let first = params[0].value\n first = parseFloat(first)\n first = Math.abs(450 - first) % 360\n first = this.roundFloat(first, 3)\n params[0].value = `${first}deg`\n }\n\n /**\n * Replace `to top left` to `bottom right`\n */\n fixDirection(params) {\n params.splice(0, 2)\n\n for (let param of params) {\n if (param.type === 'div') {\n break\n }\n if (param.type === 'word') {\n param.value = this.revertDirection(param.value)\n }\n }\n }\n\n /**\n * Fix radial direction syntax\n */\n fixRadial(params) {\n let first = []\n let second = []\n let a, b, c, i, next\n\n for (i = 0; i < params.length - 2; i++) {\n a = params[i]\n b = params[i + 1]\n c = params[i + 2]\n if (a.type === 'space' && b.value === 'at' && c.type === 'space') {\n next = i + 3\n break\n } else {\n first.push(a)\n }\n }\n\n let div\n for (i = next; i < params.length; i++) {\n if (params[i].type === 'div') {\n div = params[i]\n break\n } else {\n second.push(params[i])\n }\n }\n\n params.splice(0, i, ...second, div, ...first)\n }\n\n /**\n * Look for at word\n */\n isRadial(params) {\n let state = 'before'\n for (let param of params) {\n if (state === 'before' && param.type === 'space') {\n state = 'at'\n } else if (state === 'at' && param.value === 'at') {\n state = 'after'\n } else if (state === 'after' && param.type === 'space') {\n return true\n } else if (param.type === 'div') {\n break\n } else {\n state = 'before'\n }\n }\n return false\n }\n\n /**\n * Replace old direction to new\n */\n newDirection(params) {\n if (params[0].value === 'to') {\n return params\n }\n IS_DIRECTION.lastIndex = 0 // reset search index of global regexp\n if (!IS_DIRECTION.test(params[0].value)) {\n return params\n }\n\n params.unshift(\n {\n type: 'word',\n value: 'to'\n },\n {\n type: 'space',\n value: ' '\n }\n )\n\n for (let i = 2; i < params.length; i++) {\n if (params[i].type === 'div') {\n break\n }\n if (params[i].type === 'word') {\n params[i].value = this.revertDirection(params[i].value)\n }\n }\n\n return params\n }\n\n /**\n * Normalize angle\n */\n normalize(nodes, gradientName) {\n if (!nodes[0]) return nodes\n\n if (/-?\\d+(.\\d+)?grad/.test(nodes[0].value)) {\n nodes[0].value = this.normalizeUnit(nodes[0].value, 400)\n } else if (/-?\\d+(.\\d+)?rad/.test(nodes[0].value)) {\n nodes[0].value = this.normalizeUnit(nodes[0].value, 2 * Math.PI)\n } else if (/-?\\d+(.\\d+)?turn/.test(nodes[0].value)) {\n nodes[0].value = this.normalizeUnit(nodes[0].value, 1)\n } else if (nodes[0].value.includes('deg')) {\n let num = parseFloat(nodes[0].value)\n num = (num % 360 + 360) % 360\n nodes[0].value = `${num}deg`\n }\n\n if (\n gradientName === 'linear-gradient' ||\n gradientName === 'repeating-linear-gradient'\n ) {\n let direction = nodes[0].value\n\n // Unitless zero for `` values are allowed in CSS gradients and transforms.\n // Spec: https://github.com/w3c/csswg-drafts/commit/602789171429b2231223ab1e5acf8f7f11652eb3\n if (direction === '0deg' || direction === '0') {\n nodes = this.replaceFirst(nodes, 'to', ' ', 'top')\n } else if (direction === '90deg') {\n nodes = this.replaceFirst(nodes, 'to', ' ', 'right')\n } else if (direction === '180deg') {\n nodes = this.replaceFirst(nodes, 'to', ' ', 'bottom') // default value\n } else if (direction === '270deg') {\n nodes = this.replaceFirst(nodes, 'to', ' ', 'left')\n }\n }\n\n return nodes\n }\n\n /**\n * Convert angle unit to deg\n */\n normalizeUnit(str, full) {\n let num = parseFloat(str)\n let deg = (num / full) * 360\n return `${deg}deg`\n }\n\n /**\n * Remove old WebKit gradient too\n */\n old(prefix) {\n if (prefix === '-webkit-') {\n let type\n if (this.name === 'linear-gradient') {\n type = 'linear'\n } else if (this.name === 'repeating-linear-gradient') {\n type = 'repeating-linear'\n } else if (this.name === 'repeating-radial-gradient') {\n type = 'repeating-radial'\n } else {\n type = 'radial'\n }\n let string = '-gradient'\n let regexp = utils.regexp(\n `-webkit-(${type}-gradient|gradient\\\\(\\\\s*${type})`,\n false\n )\n\n return new OldValue(this.name, prefix + this.name, string, regexp)\n } else {\n return super.old(prefix)\n }\n }\n\n /**\n * Change direction syntax to old webkit\n */\n oldDirection(params) {\n let div = this.cloneDiv(params[0])\n\n if (params[0][0].value !== 'to') {\n return params.unshift([\n { type: 'word', value: Gradient.oldDirections.bottom },\n div\n ])\n } else {\n let words = []\n for (let node of params[0].slice(2)) {\n if (node.type === 'word') {\n words.push(node.value.toLowerCase())\n }\n }\n\n words = words.join(' ')\n let old = Gradient.oldDirections[words] || words\n\n params[0] = [{ type: 'word', value: old }, div]\n return params[0]\n }\n }\n\n /**\n * Convert to old webkit syntax\n */\n oldWebkit(node) {\n let { nodes } = node\n let string = parser.stringify(node.nodes)\n\n if (this.name !== 'linear-gradient') {\n return false\n }\n if (nodes[0] && nodes[0].value.includes('deg')) {\n return false\n }\n if (\n string.includes('px') ||\n string.includes('-corner') ||\n string.includes('-side')\n ) {\n return false\n }\n if (string.includes('var(')) {\n return false\n }\n\n let params = [[]]\n for (let i of nodes) {\n params[params.length - 1].push(i)\n if (i.type === 'div' && i.value === ',') {\n params.push([])\n }\n }\n\n this.oldDirection(params)\n this.colorStops(params)\n\n node.nodes = []\n for (let param of params) {\n node.nodes.push(...param)\n }\n\n node.nodes.unshift(\n { type: 'word', value: 'linear' },\n this.cloneDiv(node.nodes)\n )\n node.value = '-webkit-gradient'\n\n return true\n }\n\n /**\n * Change degrees for webkit prefix\n */\n replace(string, prefix) {\n let ast = parser(string)\n for (let node of ast.nodes) {\n let gradientName = this.name // gradient name\n if (node.type === 'function' && node.value === gradientName) {\n node.nodes = this.newDirection(node.nodes)\n node.nodes = this.normalize(node.nodes, gradientName)\n if (prefix === '-webkit- old') {\n let changes = this.oldWebkit(node)\n if (!changes) {\n return false\n }\n } else {\n node.nodes = this.convertDirection(node.nodes)\n node.value = prefix + node.value\n }\n }\n }\n return ast.toString()\n }\n\n /**\n * Replace first token\n */\n replaceFirst(params, ...words) {\n let prefix = words.map(i => {\n if (i === ' ') {\n return { type: 'space', value: i }\n }\n return { type: 'word', value: i }\n })\n return prefix.concat(params.slice(1))\n }\n\n revertDirection(word) {\n return Gradient.directions[word.toLowerCase()] || word\n }\n\n /**\n * Round float and save digits under dot\n */\n roundFloat(float, digits) {\n return parseFloat(float.toFixed(digits))\n }\n}\n\nGradient.names = [\n 'linear-gradient',\n 'repeating-linear-gradient',\n 'radial-gradient',\n 'repeating-radial-gradient'\n]\n\nGradient.directions = {\n bottom: 'top',\n left: 'right',\n right: 'left',\n top: 'bottom' // default value\n}\n\n// Direction to replace\nGradient.oldDirections = {\n 'bottom': 'left top, left bottom',\n 'bottom left': 'right top, left bottom',\n 'bottom right': 'left top, right bottom',\n 'left': 'right top, left top',\n\n 'left bottom': 'right top, left bottom',\n 'left top': 'right bottom, left top',\n 'right': 'left top, right top',\n 'right bottom': 'left top, right bottom',\n 'right top': 'left bottom, right top',\n 'top': 'left bottom, left top',\n 'top left': 'right bottom, left top',\n 'top right': 'left bottom, right top'\n}\n\nmodule.exports = Gradient\n"
},
{
"path": "lib/hacks/grid-area.js",
"content": "let Declaration = require('../declaration')\nlet utils = require('./grid-utils')\n\nclass GridArea extends Declaration {\n /**\n * Translate grid-area to separate -ms- prefixed properties\n */\n insert(decl, prefix, prefixes, result) {\n if (prefix !== '-ms-') return super.insert(decl, prefix, prefixes)\n\n let values = utils.parse(decl)\n\n let [rowStart, rowSpan] = utils.translate(values, 0, 2)\n let [columnStart, columnSpan] = utils.translate(values, 1, 3)\n\n ;[\n ['grid-row', rowStart],\n ['grid-row-span', rowSpan],\n ['grid-column', columnStart],\n ['grid-column-span', columnSpan]\n ].forEach(([prop, value]) => {\n utils.insertDecl(decl, prop, value)\n })\n\n utils.warnTemplateSelectorNotFound(decl, result)\n utils.warnIfGridRowColumnExists(decl, result)\n\n return undefined\n }\n}\n\nGridArea.names = ['grid-area']\n\nmodule.exports = GridArea\n"
},
{
"path": "lib/hacks/grid-column-align.js",
"content": "let Declaration = require('../declaration')\n\nclass GridColumnAlign extends Declaration {\n /**\n * Do not prefix flexbox values\n */\n check(decl) {\n return !decl.value.includes('flex-') && decl.value !== 'baseline'\n }\n\n /**\n * Change IE property back\n */\n normalize() {\n return 'justify-self'\n }\n\n /**\n * Change property name for IE\n */\n prefixed(prop, prefix) {\n return prefix + 'grid-column-align'\n }\n}\n\nGridColumnAlign.names = ['grid-column-align']\n\nmodule.exports = GridColumnAlign\n"
},
{
"path": "lib/hacks/grid-end.js",
"content": "let Declaration = require('../declaration')\nlet { isPureNumber } = require('../utils')\n\nclass GridEnd extends Declaration {\n /**\n * Change repeating syntax for IE\n */\n insert(decl, prefix, prefixes, result) {\n if (prefix !== '-ms-') return super.insert(decl, prefix, prefixes)\n\n let clonedDecl = this.clone(decl)\n\n let startProp = decl.prop.replace(/end$/, 'start')\n let spanProp = prefix + decl.prop.replace(/end$/, 'span')\n\n if (decl.parent.some(i => i.prop === spanProp)) {\n return undefined\n }\n\n clonedDecl.prop = spanProp\n\n if (decl.value.includes('span')) {\n clonedDecl.value = decl.value.replace(/span\\s/i, '')\n } else {\n let startDecl\n decl.parent.walkDecls(startProp, d => {\n startDecl = d\n })\n if (startDecl) {\n if (isPureNumber(startDecl.value)) {\n let value = Number(decl.value) - Number(startDecl.value) + ''\n clonedDecl.value = value\n } else {\n return undefined\n }\n } else {\n decl.warn(\n result,\n `Can not prefix ${decl.prop} (${startProp} is not found)`\n )\n }\n }\n\n decl.cloneBefore(clonedDecl)\n\n return undefined\n }\n}\n\nGridEnd.names = ['grid-row-end', 'grid-column-end']\n\nmodule.exports = GridEnd\n"
},
{
"path": "lib/hacks/grid-row-align.js",
"content": "let Declaration = require('../declaration')\n\nclass GridRowAlign extends Declaration {\n /**\n * Do not prefix flexbox values\n */\n check(decl) {\n return !decl.value.includes('flex-') && decl.value !== 'baseline'\n }\n\n /**\n * Change IE property back\n */\n normalize() {\n return 'align-self'\n }\n\n /**\n * Change property name for IE\n */\n prefixed(prop, prefix) {\n return prefix + 'grid-row-align'\n }\n}\n\nGridRowAlign.names = ['grid-row-align']\n\nmodule.exports = GridRowAlign\n"
},
{
"path": "lib/hacks/grid-row-column.js",
"content": "let Declaration = require('../declaration')\nlet utils = require('./grid-utils')\n\nclass GridRowColumn extends Declaration {\n /**\n * Translate grid-row / grid-column to separate -ms- prefixed properties\n */\n insert(decl, prefix, prefixes) {\n if (prefix !== '-ms-') return super.insert(decl, prefix, prefixes)\n\n let values = utils.parse(decl)\n let [start, span] = utils.translate(values, 0, 1)\n\n let hasStartValueSpan = values[0] && values[0].includes('span')\n\n if (hasStartValueSpan) {\n span = values[0].join('').replace(/\\D/g, '')\n }\n\n ;[\n [decl.prop, start],\n [`${decl.prop}-span`, span]\n ].forEach(([prop, value]) => {\n utils.insertDecl(decl, prop, value)\n })\n\n return undefined\n }\n}\n\nGridRowColumn.names = ['grid-row', 'grid-column']\n\nmodule.exports = GridRowColumn\n"
},
{
"path": "lib/hacks/grid-rows-columns.js",
"content": "let Declaration = require('../declaration')\nlet Processor = require('../processor')\nlet {\n autoplaceGridItems,\n getGridGap,\n inheritGridGap,\n prefixTrackProp,\n prefixTrackValue\n} = require('./grid-utils')\n\nclass GridRowsColumns extends Declaration {\n insert(decl, prefix, prefixes, result) {\n if (prefix !== '-ms-') return super.insert(decl, prefix, prefixes)\n\n let { parent, prop, value } = decl\n let isRowProp = prop.includes('rows')\n let isColumnProp = prop.includes('columns')\n\n let hasGridTemplate = parent.some(\n i => i.prop === 'grid-template' || i.prop === 'grid-template-areas'\n )\n\n /**\n * Not to prefix rows declaration if grid-template(-areas) is present\n */\n if (hasGridTemplate && isRowProp) {\n return false\n }\n\n let processor = new Processor({ options: {} })\n let status = processor.gridStatus(parent, result)\n let gap = getGridGap(decl)\n gap = inheritGridGap(decl, gap) || gap\n\n let gapValue = isRowProp ? gap.row : gap.column\n\n if ((status === 'no-autoplace' || status === true) && !hasGridTemplate) {\n gapValue = null\n }\n\n let prefixValue = prefixTrackValue({\n gap: gapValue,\n value\n })\n\n /**\n * Insert prefixes\n */\n decl.cloneBefore({\n prop: prefixTrackProp({ prefix, prop }),\n value: prefixValue\n })\n\n let autoflow = parent.nodes.find(i => i.prop === 'grid-auto-flow')\n let autoflowValue = 'row'\n\n if (autoflow && !processor.disabled(autoflow, result)) {\n autoflowValue = autoflow.value.trim()\n }\n if (status === 'autoplace') {\n /**\n * Show warning if grid-template-rows decl is not found\n */\n let rowDecl = parent.nodes.find(i => i.prop === 'grid-template-rows')\n\n if (!rowDecl && hasGridTemplate) {\n return undefined\n } else if (!rowDecl && !hasGridTemplate) {\n decl.warn(\n result,\n 'Autoplacement does not work without grid-template-rows property'\n )\n return undefined\n }\n\n /**\n * Show warning if grid-template-columns decl is not found\n */\n let columnDecl = parent.nodes.find(i => {\n return i.prop === 'grid-template-columns'\n })\n if (!columnDecl && !hasGridTemplate) {\n decl.warn(\n result,\n 'Autoplacement does not work without grid-template-columns property'\n )\n }\n\n /**\n * Autoplace grid items\n */\n if (isColumnProp && !hasGridTemplate) {\n autoplaceGridItems(decl, result, gap, autoflowValue)\n }\n }\n\n return undefined\n }\n\n /**\n * Change IE property back\n */\n normalize(prop) {\n return prop.replace(/^grid-(rows|columns)/, 'grid-template-$1')\n }\n\n /**\n * Change property name for IE\n */\n prefixed(prop, prefix) {\n if (prefix === '-ms-') {\n return prefixTrackProp({ prefix, prop })\n }\n return super.prefixed(prop, prefix)\n }\n}\n\nGridRowsColumns.names = [\n 'grid-template-rows',\n 'grid-template-columns',\n 'grid-rows',\n 'grid-columns'\n]\n\nmodule.exports = GridRowsColumns\n"
},
{
"path": "lib/hacks/grid-start.js",
"content": "let Declaration = require('../declaration')\n\nclass GridStart extends Declaration {\n /**\n * Do not add prefix for unsupported value in IE\n */\n check(decl) {\n let value = decl.value\n return !value.includes('/') && !value.includes('span')\n }\n\n /**\n * Return a final spec property\n */\n normalize(prop) {\n return prop.replace('-start', '')\n }\n\n /**\n * Change property name for IE\n */\n prefixed(prop, prefix) {\n let result = super.prefixed(prop, prefix)\n if (prefix === '-ms-') {\n result = result.replace('-start', '')\n }\n return result\n }\n}\n\nGridStart.names = ['grid-row-start', 'grid-column-start']\n\nmodule.exports = GridStart\n"
},
{
"path": "lib/hacks/grid-template-areas.js",
"content": "let Declaration = require('../declaration')\nlet {\n getGridGap,\n inheritGridGap,\n parseGridAreas,\n prefixTrackProp,\n prefixTrackValue,\n warnGridGap,\n warnMissedAreas\n} = require('./grid-utils')\n\nfunction getGridRows(tpl) {\n return tpl\n .trim()\n .slice(1, -1)\n .split(/[\"']\\s*[\"']?/g)\n}\n\nclass GridTemplateAreas extends Declaration {\n /**\n * Translate grid-template-areas to separate -ms- prefixed properties\n */\n insert(decl, prefix, prefixes, result) {\n if (prefix !== '-ms-') return super.insert(decl, prefix, prefixes)\n\n let hasColumns = false\n let hasRows = false\n let parent = decl.parent\n let gap = getGridGap(decl)\n gap = inheritGridGap(decl, gap) || gap\n\n // remove already prefixed rows\n // to prevent doubling prefixes\n parent.walkDecls(/-ms-grid-rows/, i => i.remove())\n\n // add empty tracks to rows\n parent.walkDecls(/grid-template-(rows|columns)/, trackDecl => {\n if (trackDecl.prop === 'grid-template-rows') {\n hasRows = true\n let { prop, value } = trackDecl\n trackDecl.cloneBefore({\n prop: prefixTrackProp({ prefix, prop }),\n value: prefixTrackValue({ gap: gap.row, value })\n })\n } else {\n hasColumns = true\n }\n })\n\n let gridRows = getGridRows(decl.value)\n\n if (hasColumns && !hasRows && gap.row && gridRows.length > 1) {\n decl.cloneBefore({\n prop: '-ms-grid-rows',\n raws: {},\n value: prefixTrackValue({\n gap: gap.row,\n value: `repeat(${gridRows.length}, auto)`\n })\n })\n }\n\n // warnings\n warnGridGap({\n decl,\n gap,\n hasColumns,\n result\n })\n\n let areas = parseGridAreas({\n gap,\n rows: gridRows\n })\n\n warnMissedAreas(areas, decl, result)\n\n return decl\n }\n}\n\nGridTemplateAreas.names = ['grid-template-areas']\n\nmodule.exports = GridTemplateAreas\n"
},
{
"path": "lib/hacks/grid-template.js",
"content": "let Declaration = require('../declaration')\nlet {\n getGridGap,\n inheritGridGap,\n parseTemplate,\n warnGridGap,\n warnMissedAreas\n} = require('./grid-utils')\n\nclass GridTemplate extends Declaration {\n /**\n * Translate grid-template to separate -ms- prefixed properties\n */\n insert(decl, prefix, prefixes, result) {\n if (prefix !== '-ms-') return super.insert(decl, prefix, prefixes)\n\n if (decl.parent.some(i => i.prop === '-ms-grid-rows')) {\n return undefined\n }\n\n let gap = getGridGap(decl)\n\n /**\n * we must insert inherited gap values in some cases:\n * if we are inside media query && if we have no grid-gap value\n */\n let inheritedGap = inheritGridGap(decl, gap)\n\n let { areas, columns, rows } = parseTemplate({\n decl,\n gap: inheritedGap || gap\n })\n\n let hasAreas = Object.keys(areas).length > 0\n let hasRows = Boolean(rows)\n let hasColumns = Boolean(columns)\n\n warnGridGap({\n decl,\n gap,\n hasColumns,\n result\n })\n\n warnMissedAreas(areas, decl, result)\n\n if ((hasRows && hasColumns) || hasAreas) {\n decl.cloneBefore({\n prop: '-ms-grid-rows',\n raws: {},\n value: rows\n })\n }\n\n if (hasColumns) {\n decl.cloneBefore({\n prop: '-ms-grid-columns',\n raws: {},\n value: columns\n })\n }\n\n return decl\n }\n}\n\nGridTemplate.names = ['grid-template']\n\nmodule.exports = GridTemplate\n"
},
{
"path": "lib/hacks/grid-utils.js",
"content": "let parser = require('postcss-value-parser')\nlet list = require('postcss').list\n\nlet uniq = require('../utils').uniq\nlet escapeRegexp = require('../utils').escapeRegexp\nlet splitSelector = require('../utils').splitSelector\n\nfunction convert(value) {\n if (\n value &&\n value.length === 2 &&\n value[0] === 'span' &&\n parseInt(value[1], 10) > 0\n ) {\n return [false, parseInt(value[1], 10)]\n }\n\n if (value && value.length === 1 && parseInt(value[0], 10) > 0) {\n return [parseInt(value[0], 10), false]\n }\n\n return [false, false]\n}\n\nexports.translate = translate\n\nfunction translate(values, startIndex, endIndex) {\n let startValue = values[startIndex]\n let endValue = values[endIndex]\n\n if (!startValue) {\n return [false, false]\n }\n\n let [start, spanStart] = convert(startValue)\n let [end, spanEnd] = convert(endValue)\n\n if (start && !endValue) {\n return [start, false]\n }\n\n if (spanStart && end) {\n return [end - spanStart, spanStart]\n }\n\n if (start && spanEnd) {\n return [start, spanEnd]\n }\n\n if (start && end) {\n return [start, end - start]\n }\n\n return [false, false]\n}\n\nexports.parse = parse\n\nfunction parse(decl) {\n let node = parser(decl.value)\n\n let values = []\n let current = 0\n values[current] = []\n\n for (let i of node.nodes) {\n if (i.type === 'div') {\n current += 1\n values[current] = []\n } else if (i.type === 'word') {\n values[current].push(i.value)\n }\n }\n\n return values\n}\n\nexports.insertDecl = insertDecl\n\nfunction insertDecl(decl, prop, value) {\n if (value && !decl.parent.some(i => i.prop === `-ms-${prop}`)) {\n decl.cloneBefore({\n prop: `-ms-${prop}`,\n value: value.toString()\n })\n }\n}\n\n// Track transforms\n\nexports.prefixTrackProp = prefixTrackProp\n\nfunction prefixTrackProp({ prefix, prop }) {\n return prefix + prop.replace('template-', '')\n}\n\nfunction transformRepeat({ nodes }, { gap }) {\n let { count, size } = nodes.reduce(\n (result, node) => {\n if (node.type === 'div' && node.value === ',') {\n result.key = 'size'\n } else {\n result[result.key].push(parser.stringify(node))\n }\n return result\n },\n {\n count: [],\n key: 'count',\n size: []\n }\n )\n\n // insert gap values\n if (gap) {\n size = size.filter(i => i.trim())\n let val = []\n for (let i = 1; i <= count; i++) {\n size.forEach((item, index) => {\n if (index > 0 || i > 1) {\n val.push(gap)\n }\n val.push(item)\n })\n }\n\n return val.join(' ')\n }\n\n return `(${size.join('')})[${count.join('')}]`\n}\n\nexports.prefixTrackValue = prefixTrackValue\n\nfunction prefixTrackValue({ gap, value }) {\n let result = parser(value).nodes.reduce((nodes, node) => {\n if (node.type === 'function' && node.value === 'repeat') {\n nodes.push({\n type: 'word',\n value: transformRepeat(node, { gap })\n })\n return nodes\n }\n if (gap && node.type === 'space') {\n nodes.push(\n {\n type: 'space',\n value: ' '\n },\n {\n type: 'word',\n value: gap\n },\n node\n )\n return nodes\n }\n nodes.push(node)\n return nodes\n }, [])\n\n return parser.stringify(result)\n}\n\n// Parse grid-template-areas\n\nlet DOTS = /^\\.+$/\n\nfunction track(start, end) {\n return { end, span: end - start, start }\n}\n\nfunction getColumns(line) {\n return line.trim().split(/\\s+/g)\n}\n\nexports.parseGridAreas = parseGridAreas\n\nfunction parseGridAreas({ gap, rows }) {\n return rows.reduce((areas, line, rowIndex) => {\n if (gap.row) rowIndex *= 2\n\n if (line.trim() === '') return areas\n\n getColumns(line).forEach((area, columnIndex) => {\n if (DOTS.test(area)) return\n\n if (gap.column) columnIndex *= 2\n\n if (typeof areas[area] === 'undefined') {\n areas[area] = {\n column: track(columnIndex + 1, columnIndex + 2),\n row: track(rowIndex + 1, rowIndex + 2)\n }\n } else {\n let { column, row } = areas[area]\n\n column.start = Math.min(column.start, columnIndex + 1)\n column.end = Math.max(column.end, columnIndex + 2)\n column.span = column.end - column.start\n\n row.start = Math.min(row.start, rowIndex + 1)\n row.end = Math.max(row.end, rowIndex + 2)\n row.span = row.end - row.start\n }\n })\n\n return areas\n }, {})\n}\n\n// Parse grid-template\n\nfunction testTrack(node) {\n return node.type === 'word' && /^\\[.+]$/.test(node.value)\n}\n\nfunction verifyRowSize(result) {\n if (result.areas.length > result.rows.length) {\n result.rows.push('auto')\n }\n return result\n}\n\nexports.parseTemplate = parseTemplate\n\nfunction parseTemplate({ decl, gap }) {\n let gridTemplate = parser(decl.value).nodes.reduce(\n (result, node) => {\n let { type, value } = node\n\n if (testTrack(node) || type === 'space') return result\n\n // area\n if (type === 'string') {\n result = verifyRowSize(result)\n result.areas.push(value)\n }\n\n // values and function\n if (type === 'word' || type === 'function') {\n result[result.key].push(parser.stringify(node))\n }\n\n // divider(/)\n if (type === 'div' && value === '/') {\n result.key = 'columns'\n result = verifyRowSize(result)\n }\n\n return result\n },\n {\n areas: [],\n columns: [],\n key: 'rows',\n rows: []\n }\n )\n\n return {\n areas: parseGridAreas({\n gap,\n rows: gridTemplate.areas\n }),\n columns: prefixTrackValue({\n gap: gap.column,\n value: gridTemplate.columns.join(' ')\n }),\n rows: prefixTrackValue({\n gap: gap.row,\n value: gridTemplate.rows.join(' ')\n })\n }\n}\n\n// Insert parsed grid areas\n\n/**\n * Get an array of -ms- prefixed props and values\n * @param {Object} [area] area object with column and row data\n * @param {Boolean} [addRowSpan] should we add grid-column-row value?\n * @param {Boolean} [addColumnSpan] should we add grid-column-span value?\n * @return {Array
![](\"../logo.svg\" "\\"Autoprefixer"){kind=logo}
\n\n# Contributing to Autoprefixer\n\n* [Filing Issues](#filing-issues)\n* [Getting Started](#getting-started)\n* [Adding a Prefix](#adding-a-prefix)\n\n\n## Filing Issues\n\n- If you have problems with the output CSS from Autoprefixer;\nyou’ll need to post:\n\n 1. Input CSS.\n 2. Output CSS.\n 3. Expected output CSS.\n 4. Browserslist config. If you use `browsers` or option,\n create Browserslist config first.\n 5. Run `npm ls | grep autoprefixer` and check output.\n\n- If Autoprefixer throws error:\n\n 1. Input CSS.\n 2. Browserslist config.\n 3. Error stacktrace (copy and paste the error message that you get\n so we can identify where the problem is).\n 4. Run `npm ls | grep autoprefixer` and check output.\n 5. Run `npm ls | grep postcss` and check output.\n\n\n## Getting Started\n\nBefore you begin contributing make sure you have a [GitHub account].\n\n* [Fork the repository](https://github.com/postcss/autoprefixer)\n* Clone a copy of it to your computer:\n `git clone https://github.com/USERNAME/autoprefixer` (replace `USERNAME`\n to your GitHub name).\n* Ensure that you have the [pnpm](https://pnpm.io/) package manager\n installed.\n* Run `pnpm install` this will install all dependencies needed to run tests.\n\n[GitHub account]: https://github.com/signup/free\n\n\n## Adding a Prefix\n\nWe’ll explain how would you go about adding a CSS feature to Autoprefixer.\nFor example, we’ll add support for a CSS feature called `background-clip: text`.\n\nNote: Remember that the feature that you want to add must also be supported\non [Can I use](https://caniuse.com/).\n\n1. Create a topic branch from the `master` branch.\n Like this: `git checkout -b background-clip-text`.\n\n2. To add support for a CSS feature you must call the convert function inside\n of `data/prefixes.js` and specify three parameters: data, options\n and a callback. Like this:\n\n ```js\n f(require('caniuse-lite/data/features/background-clip-text'), browsers =>\n prefix(['background-clip'], {\n feature: 'background-clip-text',\n browsers\n })\n )\n ```\n\n3. If the prefix is simple (`-webkit-` for Safari, `-moz-` for Firefox,\n all use the same syntax) go to step 8.\n\n4. If you need some non-standard behavior for the prefix (`-webkit-` prefix\n for Firefox or different syntax for different browsers) you will need\n to create a “hack”. Create a JS file in the `libs/hacks` folder using\n the name of the CSS feature as the filename.\n\n5. Check out other hacks for examples. In this new class change the prefix\n for `IE` to `-webkit-`. [See complete example](https://github.com/postcss/Autoprefixer/blob/73c7b6ab090a9a9a03869b3099096af00be7eb7d/lib/hacks/background-clip.js)\n\n6. Load the new hack in `lib/prefixes.js`. Load it into `Declaration`\n if you need a prefix for property name. Load it into `Value` if you need\n a prefix for value.\n\n ```js\n Declaration.hack(require('./hacks/background-clip'))\n ```\n\n7. Create a `.css` and `.out.css` example in `test/cases`. Add this test to\n `test/autoprefixer.test.js`:\n\n ```js\n it('supports background-clip', () => check('background-clip'))\n ```\n\n If you need different browsers, change `prefixer()` function in the top\n of test file.\n\n8. Run `pnpm test`.\n9. Push the branch to GitHub.\n10. Open your fork on GitHub an send pull request.\n"
},
{
"path": ".github/FUNDING.yml",
"content": "open_collective: postcss\ntidelift: npm/autoprefixer\ngithub: ai\n"
},
{
"path": ".github/workflows/release.yml",
"content": "name: Release\non:\n push:\n tags:\n - '*'\npermissions:\n contents: write\njobs:\n release:\n name: Release On Tag\n if: startsWith(github.ref, 'refs/tags/')\n runs-on: ubuntu-latest\n steps:\n - name: Checkout the repository\n uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2\n - name: Extract the changelog\n id: changelog\n run: |\n TAG_NAME=${GITHUB_REF/refs\\/tags\\//}\n READ_SECTION=false\n CHANGELOG=\"\"\n while IFS= read -r line; do\n if [[ \"$line\" =~ ^#+\\ +(.*) ]]; then\n if [[ \"${BASH_REMATCH[1]}\" == \"$TAG_NAME\" ]]; then\n READ_SECTION=true\n elif [[ \"$READ_SECTION\" == true ]]; then\n break\n fi\n elif [[ \"$READ_SECTION\" == true ]]; then\n CHANGELOG+=\"$line\"$'\\n'\n fi\n done < \"CHANGELOG.md\"\n CHANGELOG=$(echo \"$CHANGELOG\" | awk '/./ {$1=$1;print}')\n echo \"changelog_content<![](\"https://postcss.github.io/autoprefixer/logo.svg\"\n "\\"Autoprefixer"){kind=logo}
\n\n[PostCSS] plugin to parse CSS and add vendor prefixes to CSS rules using values\nfrom [Can I Use]. It is recommended by Google and used in Twitter and Alibaba.\n\nWrite your CSS rules without vendor prefixes (in fact, forget about them\nentirely):\n\n```css\n::placeholder {\n color: gray;\n}\n\n.image {\n width: stretch;\n}\n```\n\nAutoprefixer will use the data based on current browser popularity and property\nsupport to apply prefixes for you. You can try the [interactive demo]\nof Autoprefixer.\n\n```css\n::-moz-placeholder {\n color: gray;\n}\n::placeholder {\n color: gray;\n}\n\n.image {\n width: -webkit-fill-available;\n width: -moz-available;\n width: stretch;\n}\n```\n\nTwitter account for news and releases: [@autoprefixer].\n\n\n![\"Sponsored](\"https://evilmartians.com/badges/sponsored-by-evil-martians.svg\")
\n\n\n[interactive demo]: https://autoprefixer.github.io/\n[@autoprefixer]: https://twitter.com/autoprefixer\n[Can I Use]: https://caniuse.com/\n[cult-img]: https://cultofmartians.com/assets/badges/badge.svg\n[PostCSS]: https://github.com/postcss/postcss\n[cult]: https://cultofmartians.com/tasks/autoprefixer-grid.html\n\n\n## Contents\n\n* [Contents](#contents)\n* [Browsers](#browsers)\n* [FAQ](#faq)\n * [Does Autoprefixer polyfill Grid Layout for IE?](#does-autoprefixer-polyfill-grid-layout-for-ie)\n * [Does it add polyfills?](#does-it-add-polyfills)\n * [Why doesn’t Autoprefixer add prefixes to `border-radius`?](#why-doesnt-autoprefixer-add-prefixes-to-border-radius)\n * [Why does Autoprefixer use unprefixed properties in `@-webkit-keyframes`?](#why-does-autoprefixer-use-unprefixed-properties-in--webkit-keyframes)\n * [How to work with legacy `-webkit-` only code?](#how-to-work-with-legacy--webkit--only-code)\n * [Does Autoprefixer add `-epub-` prefix?](#does-autoprefixer-add--epub--prefix)\n * [Why doesn’t Autoprefixer transform generic font-family `system-ui`?](#why-doesnt-autoprefixer-transform-generic-font-family-system-ui)\n* [Usage](#usage)\n * [Gulp](#gulp)\n * [Webpack](#webpack)\n * [CSS-in-JS](#css-in-js)\n * [CLI](#cli)\n * [Other Build Tools](#other-build-tools)\n * [Preprocessors](#preprocessors)\n * [GUI Tools](#gui-tools)\n * [JavaScript](#javascript)\n * [Text Editors and IDE](#text-editors-and-ide)\n* [Warnings](#warnings)\n* [Disabling](#disabling)\n * [Prefixes](#prefixes)\n * [Features](#features)\n * [Control Comments](#control-comments)\n* [Options](#options)\n* [Environment Variables](#environment-variables)\n * [Using environment variables to support CSS Grid prefixes in Create React App](#using-environment-variables-to-support-css-grid-prefixes-in-create-react-app)\n* [Grid Autoplacement support in IE](#grid-autoplacement-support-in-ie)\n * [Beware of enabling autoplacement in old projects](#beware-of-enabling-autoplacement-in-old-projects)\n * [Autoplacement limitations](#autoplacement-limitations)\n * [Both columns and rows must be defined](#both-columns-and-rows-must-be-defined)\n * [Repeat auto-fit and auto-fill are not supported](#repeat-auto-fit-and-auto-fill-are-not-supported)\n * [No manual cell placement or column/row spans allowed inside an autoplacement grid](#no-manual-cell-placement-or-columnrow-spans-allowed-inside-an-autoplacement-grid)\n * [Do not create `::before` and `::after` pseudo elements](#do-not-create-before-and-after-pseudo-elements)\n * [When changing the `grid gap` value, columns and rows must be re-declared](#when-changing-the-grid-gap-value-columns-and-rows-must-be-re-declared)\n* [Debug](#debug)\n* [Security Contact](#security-contact)\n* [For Enterprise](#for-enterprise)\n\n## Browsers\n\nAutoprefixer uses [Browserslist], so you can specify the browsers\nyou want to target in your project with queries like `> 5%`\n(see [Best Practices]).\n\nThe best way to provide browsers is a `.browserslistrc` file in your project\nroot, or by adding a `browserslist` key to your `package.json`.\n\nWe recommend the use of these options over passing options to Autoprefixer so\nthat the config can be shared with other tools such as [babel-preset-env] and\n[Stylelint].\n\nSee [Browserslist docs] for queries, browser names, config format, and defaults.\n\n[Browserslist docs]: https://github.com/browserslist/browserslist#queries\n[babel-preset-env]: https://github.com/babel/babel/tree/master/packages/babel-preset-env\n[Best Practices]: https://github.com/browserslist/browserslist#best-practices\n[Browserslist]: https://github.com/browserslist/browserslist\n[Stylelint]: https://stylelint.io/\n\n\n## FAQ\n\n### Does Autoprefixer polyfill Grid Layout for IE?\n\nAutoprefixer can be used to translate modern CSS Grid syntax into IE 10\nand IE 11 syntax, but this polyfill will not work in 100% of cases.\nThis is why it is disabled by default.\n\nFirst, you need to enable Grid prefixes by using either the `grid: \"autoplace\"`\noption or the `/* autoprefixer grid: autoplace */` control comment.\nAlso you can use environment variable to enable Grid:\n`AUTOPREFIXER_GRID=autoplace npm build`.\n\nSecond, you need to test every fix with Grid in IE. It is not an enable and\nforget feature, but it is still very useful.\nFinancial Times and Yandex use it in production.\n\nThird, there is only very limited auto placement support. Read the\n[Grid Autoplacement support in IE](#grid-autoplacement-support-in-ie) section\nfor more details.\n\nFourth, if you are not using the autoplacement feature, the best way\nto use Autoprefixer is by using `grid-template` or `grid-template-areas`.\n\n```css\n.page {\n display: grid;\n grid-gap: 33px;\n grid-template:\n \"head head head\" 1fr\n \"nav main main\" minmax(100px, 1fr)\n \"nav foot foot\" 2fr /\n 1fr 100px 1fr;\n}\n.page__head {\n grid-area: head;\n}\n.page__nav {\n grid-area: nav;\n}\n.page__main {\n grid-area: main;\n}\n.page__footer {\n grid-area: foot;\n}\n```\n\nSee also:\n\n* [The guide about Grids in IE and Autoprefixer].\n* [`postcss-gap-properties`] to use new `gap` property\n instead of old `grid-gap`.\n* [`postcss-grid-kiss`] has alternate “everything in one property” syntax,\n which makes using Autoprefixer’s Grid translations safer.\n\n[The guide about Grids in IE and Autoprefixer]: https://css-tricks.com/css-grid-in-ie-css-grid-and-the-new-autoprefixer/\n[`postcss-gap-properties`]: https://github.com/jonathantneal/postcss-gap-properties\n[`postcss-grid-kiss`]: https://github.com/sylvainpolletvillard/postcss-grid-kiss\n\n\n### Does it add polyfills?\n\nNo. Autoprefixer only adds prefixes.\n\nMost new CSS features will require client side JavaScript to handle a new\nbehavior correctly.\n\nDepending on what you consider to be a “polyfill”, you can take a look at some\nother tools and libraries. If you are just looking for syntax sugar,\nyou might take a look at:\n\n- [postcss-preset-env] is a plugins preset with polyfills and Autoprefixer\n to write future CSS today.\n- [Oldie], a PostCSS plugin that handles some IE hacks (opacity, rgba, etc).\n- [postcss-flexbugs-fixes], a PostCSS plugin to fix flexbox issues.\n\n[postcss-flexbugs-fixes]: https://github.com/luisrudge/postcss-flexbugs-fixes\n[postcss-preset-env]: https://github.com/jonathantneal/postcss-preset-env\n[Oldie]: https://github.com/jonathantneal/oldie\n\n\n### Why doesn’t Autoprefixer add prefixes to `border-radius`?\n\nDevelopers are often surprised by how few prefixes are required today.\nIf Autoprefixer doesn’t add prefixes to your CSS, check if they’re still\nrequired on [Can I Use].\n\n[Can I Use]: https://caniuse.com/\n\n\n### Why does Autoprefixer use unprefixed properties in `@-webkit-keyframes`?\n\nBrowser teams can remove some prefixes before others, so we try to use all\ncombinations of prefixed/unprefixed values.\n\n\n### How to work with legacy `-webkit-` only code?\n\nAutoprefixer needs unprefixed property to add prefixes. So if you only\nwrote `-webkit-gradient` without W3C’s `gradient`,\nAutoprefixer will not add other prefixes.\n\nBut [PostCSS] has plugins to convert CSS to unprefixed state.\nUse [postcss-unprefix] before Autoprefixer.\n\n[postcss-unprefix]: https://github.com/gucong3000/postcss-unprefix\n\n\n### Does Autoprefixer add `-epub-` prefix?\n\nNo, Autoprefixer works only with browsers prefixes from Can I Use.\nBut you can use [postcss-epub] for prefixing ePub3 properties.\n\n[postcss-epub]: https://github.com/Rycochet/postcss-epub\n\n\n### Why doesn’t Autoprefixer transform generic font-family `system-ui`?\n\n`system-ui` is technically not a prefix and the transformation is not\nfuture-proof. You can use [postcss-font-family-system-ui] to transform\n`system-ui` to a practical font-family list.\n\n[postcss-font-family-system-ui]: https://github.com/JLHwung/postcss-font-family-system-ui\n\n\n## Usage\n\n### Gulp\n\nIn Gulp you can use [gulp-postcss] with `autoprefixer` npm package.\n\n```js\ngulp.task('autoprefixer', () => {\n const autoprefixer = require('autoprefixer')\n const sourcemaps = require('gulp-sourcemaps')\n const postcss = require('gulp-postcss')\n\n return gulp.src('./src/*.css')\n .pipe(sourcemaps.init())\n .pipe(postcss([ autoprefixer() ]))\n .pipe(sourcemaps.write('.'))\n .pipe(gulp.dest('./dest'))\n})\n```\n\nWith `gulp-postcss` you also can combine Autoprefixer\nwith [other PostCSS plugins].\n\n[gulp-postcss]: https://github.com/postcss/gulp-postcss\n[other PostCSS plugins]: https://github.com/postcss/postcss#plugins\n\n\n### Webpack\n\nIn [webpack] you can use [postcss-loader] with `autoprefixer`\nand [other PostCSS plugins].\n\n```js\nmodule.exports = {\n module: {\n rules: [\n {\n test: /\\.css$/,\n use: [\"style-loader\", \"css-loader\", \"postcss-loader\"]\n }\n ]\n }\n}\n```\n\nAnd create a `postcss.config.js` with:\n\n```js\nmodule.exports = {\n plugins: [\n require('autoprefixer')\n ]\n}\n```\n\n[other PostCSS plugins]: https://github.com/postcss/postcss#plugins\n[postcss-loader]: https://github.com/postcss/postcss-loader\n[webpack]: https://webpack.js.org/\n\n\n### CSS-in-JS\n\nThe best way to use PostCSS with CSS-in-JS is [`astroturf`].\nAdd its loader to your `webpack.config.js`:\n\n```js\nmodule.exports = {\n module: {\n rules: [\n {\n test: /\\.css$/,\n use: ['style-loader', 'postcss-loader'],\n },\n {\n test: /\\.jsx?$/,\n use: ['babel-loader', 'astroturf/loader'],\n }\n ]\n }\n}\n```\n\nThen create `postcss.config.js`:\n\n```js\nmodule.exports = {\n plugins: [\n require('autoprefixer')\n ]\n}\n```\n\n[`astroturf`]: https://github.com/4Catalyzer/astroturf\n\n\n### CLI\n\nYou can use the [postcss-cli] to run Autoprefixer from CLI:\n\n```sh\nnpm install postcss postcss-cli autoprefixer\nnpx postcss *.css --use autoprefixer -d build/\n```\n\nSee `postcss -h` for help.\n\n[postcss-cli]: https://github.com/postcss/postcss-cli\n\n\n### Other Build Tools\n\n* **Grunt:** [grunt-postcss]\n* **Ruby on Rails**: [autoprefixer-rails]\n* **Neutrino**: [neutrino-middleware-postcss]\n* **Jekyll**: add `autoprefixer-rails` and `jekyll-assets` to `Gemfile`\n* **Brunch**: [postcss-brunch]\n* **Broccoli**: [broccoli-postcss]\n* **Middleman**: [middleman-autoprefixer]\n* **Mincer**: add `autoprefixer` npm package and enable it:\n `environment.enable('autoprefixer')`\n\n[neutrino-middleware-postcss]: https://www.npmjs.com/package/neutrino-middleware-postcss\n[middleman-autoprefixer]: https://github.com/middleman/middleman-autoprefixer\n[autoprefixer-rails]: https://github.com/ai/autoprefixer-rails\n[broccoli-postcss]: https://github.com/jeffjewiss/broccoli-postcss\n[postcss-brunch]: https://github.com/iamvdo/postcss-brunch\n[grunt-postcss]: https://github.com/C-Lodder/grunt-postcss\n\n\n#### Preprocessors\n\n* **Less**: [less-plugin-autoprefix]\n* **Stylus**: [autoprefixer-stylus]\n* **Compass**: [autoprefixer-rails#compass]\n\n[less-plugin-autoprefix]: https://github.com/less/less-plugin-autoprefix\n[autoprefixer-stylus]: https://github.com/jenius/autoprefixer-stylus\n[autoprefixer-rails#compass]: https://github.com/ai/autoprefixer-rails#compass\n\n\n#### GUI Tools\n\n* [CodeKit](https://codekitapp.com/help/autoprefixer/)\n* [Prepros](https://prepros.io)\n\n\n### JavaScript\n\nYou can use Autoprefixer with [PostCSS] in your Node.js application\nor if you want to develop an Autoprefixer plugin for a new environment.\n\n```js\nconst autoprefixer = require('autoprefixer')\nconst postcss = require('postcss')\n\npostcss([ autoprefixer ]).process(css).then(result => {\n result.warnings().forEach(warn => {\n console.warn(warn.toString())\n })\n console.log(result.css)\n})\n```\n\nThere is also a [standalone build] for the browser or for a non-Node.js runtime.\n\nYou can use [html-autoprefixer] to process HTML with inlined CSS.\n\n[html-autoprefixer]: https://github.com/RebelMail/html-autoprefixer\n[standalone build]: https://raw.github.com/ai/autoprefixer-rails/master/vendor/autoprefixer.js\n[PostCSS]: https://github.com/postcss/postcss\n\n\n### Text Editors and IDE\n\nAutoprefixer should be used in assets build tools. Text editor plugins are not\na good solution, because prefixes decrease code readability and you will need\nto change values in all prefixed properties.\n\nI recommend you to learn how to use build tools like [Parcel].\nThey work much better and will open you a whole new world of useful plugins\nand automation.\n\nIf you can’t move to a build tool, you can use text editor plugins:\n\n* [Visual Studio Code](https://github.com/mrmlnc/vscode-autoprefixer)\n* [Sublime Text](https://github.com/sindresorhus/sublime-autoprefixer)\n\n[Parcel]: https://parceljs.org/\n\n\n## Warnings\n\nAutoprefixer uses the [PostCSS warning API] to warn about really important\nproblems in your CSS:\n\n* Old direction syntax in gradients.\n* Old unprefixed `display: box` instead of `display: flex`\n by latest specification version.\n\nYou can get warnings from `result.warnings()`:\n\n```js\nresult.warnings().forEach(warn => {\n console.warn(warn.toString())\n})\n```\n\nEvery Autoprefixer runner should display these warnings.\n\n[PostCSS warning API]: https://postcss.org/api/#warning\n\n\n## Disabling\n\n### Prefixes\n\nAutoprefixer was designed to have no interface – it just works.\nIf you need some browser specific hack just write a prefixed property\nafter the unprefixed one.\n\n```css\na {\n transform: scale(0.5);\n -moz-transform: scale(0.6);\n}\n```\n\nIf some prefixes were generated incorrectly, please create an [issue on GitHub].\n\n[issue on GitHub]: https://github.com/postcss/autoprefixer/issues\n\n\n### Features\n\nYou can use these plugin options to control some of Autoprefixer’s features.\n\n* `grid: \"autoplace\"` will enable `-ms-` prefixes for Grid Layout including some\n [limited autoplacement support](#grid-autoplacement-support-in-ie).\n* `supports: false` will disable `@supports` parameters prefixing.\n* `flexbox: false` will disable flexbox properties prefixing.\n Or `flexbox: \"no-2009\"` will add prefixes only for final and IE\n versions of specification.\n* `remove: false` will disable cleaning outdated prefixes.\n\nYou should set them inside the plugin like so:\n\n```js\nautoprefixer({ grid: 'autoplace' })\n```\n\n\n### Control Comments\n\nIf you do not need Autoprefixer in some part of your CSS,\nyou can use control comments to disable Autoprefixer.\n\n```css\n.a {\n transition: 1s; /* will be prefixed */\n}\n\n.b {\n /* autoprefixer: off */\n transition: 1s; /* will not be prefixed */\n}\n\n.c {\n /* autoprefixer: ignore next */\n transition: 1s; /* will not be prefixed */\n mask: url(image.png); /* will be prefixed */\n}\n```\n\nThere are three types of control comments:\n\n* `/* autoprefixer: (on|off) */`: enable/disable all Autoprefixer translations for the\n whole block both *before* and *after* the comment.\n* `/* autoprefixer: ignore next */`: disable Autoprefixer only for the next property\n or next rule selector or at-rule parameters (but not rule/at‑rule body).\n* `/* autoprefixer grid: (autoplace|no-autoplace|off) */`: control how Autoprefixer handles\n grid translations for the whole block:\n * `autoplace`: enable grid translations with autoplacement support.\n * `no-autoplace`: enable grid translations with autoplacement\n support *disabled* (alias for deprecated value `on`).\n * `off`: disable all grid translations.\n\nYou can also use comments recursively:\n\n```css\n/* autoprefixer: off */\n@supports (transition: all) {\n /* autoprefixer: on */\n a {\n /* autoprefixer: off */\n }\n}\n```\n\nNote that comments that disable the whole block should not be featured in the same\nblock twice:\n\n```css\n/* How not to use block level control comments */\n\n.do-not-do-this {\n /* autoprefixer: off */\n transition: 1s;\n /* autoprefixer: on */\n transform: rotate(20deg);\n}\n```\n\n\n## Options\n\nFunction `autoprefixer(options)` returns a new PostCSS plugin.\nSee [PostCSS API] for plugin usage documentation.\n\n```js\nautoprefixer({ cascade: false })\n```\n\nAvailable options are:\n\n* `env` (string): environment for Browserslist.\n* `cascade` (boolean): should Autoprefixer use Visual Cascade,\n if CSS is uncompressed. Default: `true`\n* `add` (boolean): should Autoprefixer add prefixes. Default is `true`.\n* `remove` (boolean): should Autoprefixer [remove outdated] prefixes.\n Default is `true`.\n* `supports` (boolean): should Autoprefixer add prefixes for `@supports`\n parameters. Default is `true`.\n* `flexbox` (boolean|string): should Autoprefixer add prefixes for flexbox\n properties. With `\"no-2009\"` value Autoprefixer will add prefixes only\n for final and IE 10 versions of specification. Default is `true`.\n* `grid` (false|`\"autoplace\"`|`\"no-autoplace\"`): should Autoprefixer\n add IE 10-11 prefixes for Grid Layout properties?\n * `false` (default): prevent Autoprefixer from outputting\n CSS Grid translations.\n * `\"autoplace\"`: enable Autoprefixer grid translations\n and *include* autoplacement support. You can also use\n `/* autoprefixer grid: autoplace */` in your CSS.\n * `\"no-autoplace\"`: enable Autoprefixer grid translations\n but *exclude* autoplacement support. You can also use\n `/* autoprefixer grid: no-autoplace */` in your CSS.\n (alias for the deprecated `true` value)\n* `stats` (object): custom [usage statistics] for `> 10% in my stats`\n browsers query.\n* `overrideBrowserslist` (array): list of queries for target browsers.\n Try to not use it. The best practice is to use `.browserslistrc` config\n or `browserslist` key in `package.json` to share target browsers\n with Babel, ESLint and Stylelint. See [Browserslist docs]\n for available queries and default value.\n* `ignoreUnknownVersions` (boolean): do not raise error on unknown browser\n version in Browserslist config. Default is `false`.\n\nPlugin object has `info()` method for debugging purpose.\n\nYou can use PostCSS processor to process several CSS files\nto increase performance.\n\n[usage statistics]: https://github.com/browserslist/browserslist#custom-usage-data\n[PostCSS API]: https://postcss.org/api/\n\n## Environment Variables\n\n* `AUTOPREFIXER_GRID`: (`autoplace`|`no-autoplace`) should Autoprefixer\n add IE 10-11 prefixes for Grid Layout properties?\n * `autoplace`: enable Autoprefixer grid translations\n and *include* autoplacement support.\n * `no-autoplace`: enable Autoprefixer grid translations\n but *exclude* autoplacement support.\n\nEnvironment variables are useful, when you want to change Autoprefixer options but don't have access to config files.\n[Create React App] is a good example of this.\n\n[Create React App]: (https://reactjs.org/docs/create-a-new-react-app.html#create-react-app)\n\n### Using environment variables to support CSS Grid prefixes in Create React App\n\n1. Install the latest version of Autoprefixer and [cross-env](https://www.npmjs.com/package/cross-env):\n\n```\nnpm install autoprefixer@latest cross-env --save-dev\n```\n\n2. Under `\"browserslist\"` > `\"development\"` in the package.json file, add `\"last 1 ie version\"`\n\n```\n\"browserslist\": {\n \"production\": [\n \">0.2%\",\n \"not dead\",\n \"not op_mini all\"\n ],\n \"development\": [\n \"last 1 chrome version\",\n \"last 1 firefox version\",\n \"last 1 safari version\",\n \"last 1 ie version\"\n ]\n}\n```\n\n3. Update `\"scripts\"` in the package.json file to the following:\n\n```\n\"scripts\": {\n \"start\": \"cross-env AUTOPREFIXER_GRID=autoplace react-scripts start\",\n \"build\": \"cross-env AUTOPREFIXER_GRID=autoplace react-scripts build\",\n \"test\": \"cross-env AUTOPREFIXER_GRID=autoplace react-scripts test\",\n \"eject\": \"react-scripts eject\"\n},\n```\n\nReplace `autoplace` with `no-autoplace` in the above example if you prefer to disable Autoprefixer Grid autoplacement support.\n\nNow when you run `npm start` you will see CSS Grid prefixes automatically being applied to your output CSS.\n\nSee also [Browserslist environment variables] for more examples on how to use environment variables in your project.\n\n[Browserslist environment variables]: https://github.com/browserslist/browserslist#environment-variables\n\n## Grid Autoplacement support in IE\n\nIf the `grid` option is set to `\"autoplace\"`, limited autoplacement support is added to Autoprefixers grid translations. You can also use\nthe `/* autoprefixer grid: autoplace */` control comment or\n`AUTOPREFIXER_GRID=autoplace npm build` environment variable.\n\nAutoprefixer will only autoplace grid cells if both `grid-template-rows`\nand `grid-template-columns` has been set. If `grid-template`\nor `grid-template-areas` has been set, Autoprefixer will use area based\ncell placement instead.\n\nAutoprefixer supports autoplacement by using `nth-child` CSS selectors.\nIt creates [number of columns] x [number of rows] `nth-child` selectors.\nFor this reason Autoplacement is only supported within the explicit grid.\n\n```css\n/* Input CSS */\n\n/* autoprefixer grid: autoplace */\n\n.autoplacement-example {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: auto auto;\n grid-gap: 20px;\n}\n```\n\n```css\n/* Output CSS */\n\n/* autoprefixer grid: autoplace */\n\n.autoplacement-example {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: 1fr 20px 1fr;\n grid-template-columns: 1fr 1fr;\n -ms-grid-rows: auto 20px auto;\n grid-template-rows: auto auto;\n grid-gap: 20px;\n}\n\n.autoplacement-example > *:nth-child(1) {\n -ms-grid-row: 1;\n -ms-grid-column: 1;\n}\n\n.autoplacement-example > *:nth-child(2) {\n -ms-grid-row: 1;\n -ms-grid-column: 3;\n}\n\n.autoplacement-example > *:nth-child(3) {\n -ms-grid-row: 3;\n -ms-grid-column: 1;\n}\n\n.autoplacement-example > *:nth-child(4) {\n -ms-grid-row: 3;\n -ms-grid-column: 3;\n}\n```\n\n### Beware of enabling autoplacement in old projects\n\nBe careful about enabling autoplacement in any already established projects that have\npreviously not used Autoprefixer's grid autoplacement feature before.\n\nIf this was your html:\n\n```html\n