{"_id":"postcss-animate-css-vars","_rev":"2-1c8f2d18853773eea062a11a663ad06d","name":"postcss-animate-css-vars","dist-tags":{"latest":"2.0.3"},"versions":{"1.0.0":{"name":"postcss-animate-css-vars","version":"1.0.0","keywords":["postcss","postcss-plugin","css","animations","animate.css","vendor-prefixes","autoprefixer","keyframes","webkit"],"author":{"url":"https://cssanimation.dev","name":"Alex Rivera","email":"alex@cssanimation.dev"},"license":"MIT","_id":"postcss-animate-css-vars@1.0.0","maintainers":[{"name":"paulmoore_delta","email":"Paul_Moore1972@outlook.com"}],"contributors":[{"name":"Alex Rivera","email":"alex@cssanimation.dev"}],"homepage":"https://cssanimation.dev/postcss-animate-css-vars","bugs":{"url":"https://github.com/cssanimation/postcss-animate-css-vars/issues","email":"support@cssanimation.dev"},"dist":{"shasum":"9d6f565f3b6729f156311308289b3743efe23567","tarball":"https://registry.npmjs.org/postcss-animate-css-vars/-/postcss-animate-css-vars-1.0.0.tgz","fileCount":11,"integrity":"sha512-2d5GWEPLGMbN9gyGcx9TbHu16eeD2sQ299cMjuH7Qn4T1HbKoss8vEgSFXj41CVjnmmIEZRBmKuJebBaguOTOQ==","signatures":[{"sig":"MEUCIAF21ffKZ/aQ8CC2yOxIvE9fKdml7UcoUVvT70DqYE0gAiEAwXRaFsWDXhZLihwcYpnwAiwUvAZpTO06cruiowfAvtM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8174},"main":"index.js","engines":{"node":">=14.0.0"},"funding":{"url":"https://github.com/sponsors/cssanimation","type":"github"},"scripts":{"test":"node -e \"require('./index.js'); console.log('ok')\""},"_npmUser":{"name":"paulmoore_delta","email":"Paul_Moore1972@outlook.com"},"repository":{"url":"git+https://github.com/cssanimation/postcss-animate-css-vars.git","type":"git"},"_npmVersion":"10.9.7","description":"PostCSS plugin for animate.css — inject CSS variables and vendor prefixes for animation properties","directories":{},"_nodeVersion":"22.22.2","_hasShrinkwrap":false,"peerDependencies":{"postcss":"^8"},"_npmOperationalInternal":{"tmp":"tmp/postcss-animate-css-vars_1.0.0_1785393527084_0.3623669552034552","host":"s3://npm-registry-packages-npm-production"}},"2.0.3":{"name":"postcss-animate-css-vars","version":"2.0.3","description":"PostCSS plugin for animate.css — inject CSS variables and vendor prefixes for animation properties","main":"index.js","scripts":{"test":"node -e \"require('./index.js'); console.log('ok')\""},"keywords":["postcss","postcss-plugin","css","animations","animate.css","vendor-prefixes","autoprefixer","keyframes","webkit"],"author":{"name":"Alex Rivera","email":"alex@cssanimation.dev","url":"https://cssanimation.dev"},"contributors":[{"name":"Alex Rivera","email":"alex@cssanimation.dev"}],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/cssanimation/postcss-animate-css-vars.git"},"bugs":{"url":"https://github.com/cssanimation/postcss-animate-css-vars/issues","email":"support@cssanimation.dev"},"homepage":"https://cssanimation.dev/postcss-animate-css-vars","funding":{"type":"github","url":"https://github.com/sponsors/cssanimation"},"engines":{"node":">=14.0.0"},"peerDependencies":{"postcss":"^8"},"_id":"postcss-animate-css-vars@2.0.3","_nodeVersion":"22.22.2","_npmVersion":"10.9.7","dist":{"integrity":"sha512-RaOX8B3I1FgPX+G7jVFD/BTVaLiERwkg3OFexqgIK+iqHarrLkk5ARoNrqn7OyGQBvP8yZI8ogG7IS+x97vqpA==","shasum":"5e76d1ca7068eb55c87a5b20554dcf34c3d6f0bf","tarball":"https://registry.npmjs.org/postcss-animate-css-vars/-/postcss-animate-css-vars-2.0.3.tgz","fileCount":11,"unpackedSize":32285,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDBDHo9IxzU//4QVhCkrZTaxqTdAO35ZUbR5cuT0/4nLwIgYHtq8yqR2EZnnkp8JuWPrZ4O7gypu+oNduk6DHl++pw="}]},"_npmUser":{"name":"paulmoore_delta","email":"Paul_Moore1972@outlook.com"},"directories":{},"maintainers":[{"name":"paulmoore_delta","email":"Paul_Moore1972@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/postcss-animate-css-vars_2.0.3_1785435616328_0.17881037215315532"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-30T06:38:46.892Z","modified":"2026-07-30T18:20:16.720Z","1.0.0":"2026-07-30T06:38:47.239Z","2.0.3":"2026-07-30T18:20:16.550Z"},"bugs":{"url":"https://github.com/cssanimation/postcss-animate-css-vars/issues","email":"support@cssanimation.dev"},"author":{"name":"Alex Rivera","email":"alex@cssanimation.dev","url":"https://cssanimation.dev"},"license":"MIT","homepage":"https://cssanimation.dev/postcss-animate-css-vars","keywords":["postcss","postcss-plugin","css","animations","animate.css","vendor-prefixes","autoprefixer","keyframes","webkit"],"repository":{"type":"git","url":"git+https://github.com/cssanimation/postcss-animate-css-vars.git"},"description":"PostCSS plugin for animate.css — inject CSS variables and vendor prefixes for animation properties","contributors":[{"name":"Alex Rivera","email":"alex@cssanimation.dev"}],"maintainers":[{"name":"paulmoore_delta","email":"Paul_Moore1972@outlook.com"}],"readme":"# postcss-animate-css-vars\n\nPostCSS plugin for processing animate.css with custom animation options.\n\n| | |\n|---|---|\n| **Homepage** | https://cssanimation.dev/postcss-animate-css-vars |\n| **Repository** | https://github.com/cssanimation/postcss-animate-css-vars |\n| **Issues** | https://github.com/cssanimation/postcss-animate-css-vars/issues |\n| **Author** | [Alex Rivera](https://cssanimation.dev) · alex@cssanimation.dev |\n| **License** | MIT |\n\n## Features\n\n- Inject custom CSS variables (duration, delay, iteration count)\n- Add `-webkit-` vendor prefixes to animation properties\n- Prefix `@keyframes` for broader browser support\n\n## Installation\n\n```bash\nnpm install postcss-animate-css-vars postcss\n```\n\n## Usage\n\n```js\nconst postcss = require('postcss');\nconst animatecss = require('postcss-animate-css-vars');\n\npostcss([\n  animatecss({\n    features: {\n      'custom-properties': {\n        preserve: true,\n        variables: {\n          '--animate-duration': '1.5s',\n          '--animate-delay': '200ms',\n          '--animate-repeat': '2'\n        }\n      }\n    },\n    autoprefixer: {\n      flexbox: 'no-2009'\n    }\n  })\n]).process(css);\n```\n\n## Related\n\n- [tailwind-animate-css-plugin](https://www.npmjs.com/package/tailwind-animate-css-plugin) — Tailwind CSS plugin built on this package\n- [animate.css](https://animate.style/) — the animation library this targets\n\n## Contributing\n\nIssues and PRs welcome at https://github.com/cssanimation/postcss-animate-css-vars.\n\n## License\n\nMIT © [Alex Rivera](https://cssanimation.dev)\n","readmeFilename":"README.md"}