postcss-mimic.css-data

1.0.2 • Public • Published

postcss-mimic.css-data

Autogenerated data for postcss-animations plugin.

Parsed all @keyframes from magic.css.

Install

yarn add -D postcss-mimic.css-data postcss-animations
# or npm i -D postcss-mimic.css-data postcss-animations 

Use

const postcss = require("postcss");
const postcssAnimations = require("postcss-animations");
 
(async () => {
  const CSS = `.my-tearDrop { animation-name: tearDrop; }`;
  const PLUGINS = [
    postcssAnimations({
      data: [require("postcss-mimic.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-tearDrop { animation-name: tearDrop; }
      @keyframes tearDrop { }
    */
  } catch (e) {
    console.error(e);
  }
})();

Other animation data:

Update data:

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

Package Sidebar

Install

npm i postcss-mimic.css-data

Weekly Downloads

87

Version

1.0.2

License

MIT

Last publish

Collaborators

  • retyui