Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

postcss-animation.css-data

Package Overview
Dependencies
Maintainers
1
Versions
18
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

postcss-animation.css-data - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

2

package.json
{
"name": "postcss-animation.css-data",
"version": "0.1.0",
"version": "0.1.1",
"main": "index.json",

@@ -5,0 +5,0 @@ "scripts": {

@@ -0,12 +1,56 @@

# postcss-animation.css-data
Autogenerated data for [postcss-animations](https://github.com/retyui/postcss-animations) plugin.
Parsed all `@keyframes` from [animate.css](https://github.com/daneden/animate.css/).
Autogenerated data for [postcss-animations](https://github.com/retyui/postcss-animations) plugin.
Parsed all `@keyframes` from [animate.css](https://daneden.github.io/animate.css/).
**Regenerate:**
## Install
```bash
npm install -D postcss-animation.css-data postcss-animations
# or
yarn add -D postcss-animation.css-data postcss-animations
```
## Use
```js
const postcss = require('postcss');
const postcssAnimations = require('postcss-animations');
const animationData = require('postcss-animation.css-data');
const CSS = `
.jackInTheBox {
animation-name: jackInTheBox;
}
`;
postcss(
postcssAnimations({
data: [animationData],
checkDuplications: true,
disableCheckCssVariables: true
})
).process(CSS).then(({css}) => {
console.log(css);
});
/*
.jackInTheBox {
animation-name: jackInTheBox;
}
@keyframes jackInTheBox {
// ...
}
*/
```
## Regenerate:
```bash
git clone https://github.com/retyui/postcss-animation.css-data
cd postcss-animation.css-data
cd postcss-magic.css-data
npm install
npm run build
```
# Other animation data:
- [postcss-magic.css-data](https://github.com/retyui/postcss-magic.css-data)
- [postcss-tuesday.css-data](https://github.com/retyui/postcss-tuesday.css-data)
- [postcss-mimic.css-data](https://github.com/retyui/postcss-mimic.css-data)
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc