postcss-animation.css-data

Autogenerated data for postcss-animations plugin.

Parsed all @keyframes from magic.css.

Install

``bash
yarn add -D postcss-animation.css-data postcss-animations


or npm i -D postcss-animation.css-data postcss-animations


`

Use

`js
const postcss = require("postcss");
const postcssAnimations = require("postcss-animations");

(async () => {
const CSS = .my-jackInTheBox { animation-name: jackInTheBox; };
const PLUGINS = [
postcssAnimations({
data: [require("postcss-animation.css-data")],
checkDuplications: true,
disableCheckCssVariables: true
})
];

try {
const { css, messages } = await postcss(PLUGINS).process(
CSS /, {from,to}/
);
messages.map(msg => console.log(msg.toString()));

console.log(css);
/*
.my-jackInTheBox { animation-name: jackInTheBox; }
@keyframes jackInTheBox { }
*/
} catch (e) {
console.error(e);
}
})();
`

Other animation data:

* ![npm postcss-magic.css-data](https://www.npmjs.com/package/postcss-magic.css-data) postcss-magic.css-data
* ![npm postcss-mimic.css-data](https://www.npmjs.com/package/postcss-mimic.css-data) postcss-mimic.css-data
* ![npm postcss-tuesday.css-data](https://www.npmjs.com/package/postcss-tuesday.css-data) postcss-tuesday.css-data

Update data:

`bash
git clone https://github.com/retyui/postcss-animation.css-data
cd postcss-animation.css-data
yarn
yarn build
``