legacy browser support via plugins from postcss

5 files changed, 158 insertions, 0 deletions

diff --git a/node_modules/postcss-will-change/CHANGELOG.md b/node_modules/postcss-will-change/CHANGELOG.md
new file mode 100644
index 00000000..c871a758
--- /dev/null
+++ b/node_modules/postcss-will-change/CHANGELOG.md
@@ -0,0 +1,28 @@
+# Change Log
+This project adheres to [Semantic Versioning](http://semver.org/).
+
+## 4.0.1
+* Added funding links.
+
+## 4.0
+* Moved to PostCSS 8.
+* Moved `postcss` to `peerDependencies`.
+
+## 3.0
+* Use PostCSS 7.
+* Remove Node.js 4 support.
+
+## 2.0
+* Use PostCSS 6.
+
+## 1.1
+* Do not add `backface-visibility` if rule already has it (by Joe Lencioni).
+
+## 1.0
+* Use PostCSS 5.0 API.
+
+## 0.2
+* Support PostCSS 4.1 API.
+
+## 0.1
+* Initial release.
diff --git a/node_modules/postcss-will-change/LICENSE b/node_modules/postcss-will-change/LICENSE
new file mode 100644
index 00000000..d3bd6721
--- /dev/null
+++ b/node_modules/postcss-will-change/LICENSE
@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright 2015 Andrey Sitnik <andrey@sitnik.ru>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/node_modules/postcss-will-change/README.md b/node_modules/postcss-will-change/README.md
new file mode 100644
index 00000000..515f9a55
--- /dev/null
+++ b/node_modules/postcss-will-change/README.md
@@ -0,0 +1,69 @@
+# PostCSS Will Change
+
+<img align="right" width="135" height="95"
+     title="Philosopher’s stone, logo of PostCSS"
+     src="https://postcss.org/logo-leftp.svg">
+
+[PostCSS] plugin to insert 3D hack before [will-change] property.
+
+This plugin uses `backface-visibility` to force the browser to create
+a new layer, without overriding existing `backface-visibility` properties.
+This 3D CSS hack is commonly done with `transform: translateZ(0)`,
+but `backface-visibility` is used here to avoid overriding
+the more popular `transform` property.
+
+These hacks are required for browsers that do not support `will-change`.
+
+Use this plugin only before [Autoprefixer]. It will add vendor prefixes
+to `backface-visibility`.
+
+[Autoprefixer]: https://github.com/postcss/autoprefixer
+[will-change]:  https://dev.opera.com/articles/css-will-change-property/
+[PostCSS]:      https://github.com/postcss/postcss
+
+```css
+.foo {
+  will-change: transform;
+}
+```
+
+```css
+.foo {
+  backface-visibility: hidden;
+  will-change: transform;
+}
+```
+
+<a href="https://evilmartians.com/?utm_source=postcss-will-change">
+  <img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg"
+       alt="Sponsored by Evil Martians" width="236" height="54">
+</a>
+
+
+## Usage
+
+**Step 1:** Install plugin:
+
+```sh
+npm install --save-dev postcss postcss-will-change
+```
+
+**Step 2:** Check you project for existed PostCSS config: `postcss.config.js`
+in the project root, `"postcss"` section in `package.json`
+or `postcss` in bundle config.
+
+If you do not use PostCSS, add it according to [official docs]
+and set this plugin in settings.
+
+**Step 3:** Add the plugin to plugins list:
+
+```diff
+module.exports = {
+  plugins: [
++   require('postcss-will-change'),
+    require('autoprefixer')
+  ]
+}
+```
+
+[official docs]: https://github.com/postcss/postcss#usage
diff --git a/node_modules/postcss-will-change/index.js b/node_modules/postcss-will-change/index.js
new file mode 100644
index 00000000..b3172adc
--- /dev/null
+++ b/node_modules/postcss-will-change/index.js
@@ -0,0 +1,16 @@
+module.exports = () => {
+  return {
+    postcssPlugin: 'postcss-will-change',
+    Declaration: {
+      'will-change': decl => {
+        let already = decl.parent.some(i => {
+          return i.type === 'decl' && i.prop === 'backface-visibility'
+        })
+        if (!already) {
+          decl.cloneBefore({ prop: 'backface-visibility', value: 'hidden' })
+        }
+      }
+    }
+  }
+}
+module.exports.postcss = true
diff --git a/node_modules/postcss-will-change/package.json b/node_modules/postcss-will-change/package.json
new file mode 100644
index 00000000..fa3a7f98
--- /dev/null
+++ b/node_modules/postcss-will-change/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "postcss-will-change",
+  "version": "4.0.1",
+  "description": "PostCSS plugin to insert 3D hack before will-change property",
+  "keywords": [
+    "postcss",
+    "css",
+    "postcss-plugin",
+    "will-change",
+    "fallback"
+  ],
+  "author": "Andrey Sitnik <andrey@sitnik.ru>",
+  "license": "MIT",
+  "repository": "postcss/postcss-will-change",
+  "engines": {
+    "node": ">=10.0"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/postcss/"
+  },
+  "peerDependencies": {
+    "postcss": "^8.1.0"
+  }
+}