stable release

Author: burnworks

README.md

@@ -58,3 +58,24 @@ module.exports = {
 | animation-delay-7000 | animation-delay: 7000ms; |
 | animation-delay-8000 | animation-delay: 8000ms; |
 | animation-delay-9000 | animation-delay: 9000ms; |
+
+## Configuration
+
+You can configure which values and variants are generated by this plugin under the `animationDelay` key in your tailwind.config.js file:
+
+```
+// tailwind.config.js
+module.exports = {
+  theme: {
+    animationDelay: {
+      100: '100ms',
+      200: '200ms',
+      300: '300ms',
+      400: '400ms',
+    }
+  },
+  variants: {
+    animationDelay: ['responsive', 'hover']
+  }
+}
+```

index.js

@@ -5,39 +5,39 @@ const animationDelay = plugin(
         const values = theme('animationDelay')
         var utilities = Object.entries(values).map(([key, value]) => {
             return {
-                [`.${e(`animation-delay-${key}`)}`]: { animationDelay: `${value}ms` },
+                [`.${e(`animation-delay-${key}`)}`]: { animationDelay: `${value}` },
             }
         })
         addUtilities(utilities)
     },
     {
         theme: {
             animationDelay: {
-                75: '75',
-                100: '100',
-                150: '150',
-                200: '200',
-                300: '300',
-                400: '400',
-                500: '500',
-                600: '600',
-                700: '700',
-                800: '800',
-                900: '900',
-                1000: '1000',
-                1100: '1100',
-                1200: '1200',
-                1300: '1300',
-                1400: '1400',
-                1500: '1500',
-                2000: '2000',
-                3000: '3000',
-                4000: '4000',
-                5000: '5000',
-                6000: '6000',
-                7000: '7000',
-                8000: '8000',
-                9000: '9000',
+                75: '75ms',
+                100: '100ms',
+                150: '150ms',
+                200: '200ms',
+                300: '300ms',
+                400: '400ms',
+                500: '500ms',
+                600: '600ms',
+                700: '700ms',
+                800: '800ms',
+                900: '900ms',
+                1000: '1000ms',
+                1100: '1100ms',
+                1200: '1200ms',
+                1300: '1300ms',
+                1400: '1400ms',
+                1500: '1500ms',
+                2000: '2000ms',
+                3000: '3000ms',
+                4000: '4000ms',
+                5000: '5000ms',
+                6000: '6000ms',
+                7000: '7000ms',
+                8000: '8000ms',
+                9000: '9000ms',
             },
         },
     },

package.json

@@ -1,6 +1,6 @@
 {
     "name": "tailwindcss-animation-delay",
-    "version": "1.0.5",
+    "version": "1.0.6",
     "description": "Tailwind CSS plugin, add animation-delay CSS property.",
     "main": "index.js",
     "license": "MIT",