tailwindcss-animationkit 1.0.5 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/package.json +2 -2
- package/src/motion.js +1 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Bring the power of Animate.css to Tailwind CSS 3 with selective animation generation, namespaced keyframes, and customizable global animation settings.
|
|
4
4
|
|
|
5
|
-
Global `duration`, `delay`, and `iterationCount` values are passed to `@
|
|
5
|
+
Global `duration`, `delay`, and `iterationCount` values are passed to `@vertexdigital/postcss-animationkit`, which generates the corresponding Tailwind base custom properties.
|
|
6
6
|
|
|
7
7
|
## Installation
|
|
8
8
|
|
|
@@ -42,9 +42,9 @@ require('tailwindcss-animationkit')({
|
|
|
42
42
|
aliases: {
|
|
43
43
|
enter: 'fadeIn'
|
|
44
44
|
},
|
|
45
|
-
duration: '
|
|
46
|
-
delay: '
|
|
47
|
-
iterationCount: '
|
|
45
|
+
duration: '500ms',
|
|
46
|
+
delay: '1s',
|
|
47
|
+
iterationCount: '2',
|
|
48
48
|
namespaceKeyframes: true,
|
|
49
49
|
respectReducedMotion: true,
|
|
50
50
|
modifiers: true,
|
|
@@ -133,7 +133,7 @@ console.log(keyframes.catalog());
|
|
|
133
133
|
- Generated animation class names use kebab case.
|
|
134
134
|
- Keyframe names are namespaced by default.
|
|
135
135
|
- `animations` replaces `classes`; `classes` remains a compatibility alias.
|
|
136
|
-
- `@
|
|
136
|
+
- `@vertexdigital/postcss-animationkit` now processes global timing options and is installed automatically.
|
|
137
137
|
- Reduced-motion handling is enabled by default.
|
|
138
138
|
|
|
139
139
|
## License
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tailwindcss-animationkit",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.7",
|
|
4
4
|
"description": "Selective Animate.css integration for Tailwind CSS with configurable animations and namespaced keyframes.",
|
|
5
5
|
"main": "plugin.js",
|
|
6
6
|
"exports": "./plugin.js",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"animate.css": "^4.1.1",
|
|
31
31
|
"postcss": "^8.4.5",
|
|
32
|
-
"@
|
|
32
|
+
"@vertexdigital/postcss-animationkit": "^1.0.1",
|
|
33
33
|
"postcss-js": "^3.0.3",
|
|
34
34
|
"postcss-selector-parser": "^6.0.8"
|
|
35
35
|
},
|
package/src/motion.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
const postcss = require('postcss');
|
|
4
4
|
const postcssJs = require('postcss-js');
|
|
5
|
-
const postcssAnimateUtils = require('@
|
|
5
|
+
const postcssAnimateUtils = require('@vertexdigital/postcss-animationkit');
|
|
6
6
|
|
|
7
7
|
function toPostcssOptions(config) {
|
|
8
8
|
return {
|