vue.js used

tailwind.config.js

@@ -0,0 +1,29 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+    content: [
+      "./index.html",
+      "./src/**/*.{vue,js,ts,jsx,tsx}",
+    ],
+    darkMode: 'class', // or 'media' or 'class'
+    theme: {
+      extend: {
+        animation: {
+          pulsePositive: 'pulsePositive 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+          pulseNegative: 'pulseNegative 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+        },
+        keyframes: {
+          pulsePositive: {
+            '0%, 100%': { opacity: '1' },
+            '50%': { opacity: '.7' },
+          },
+          pulseNegative: { // For text, maybe a color change or slight scale
+            '0%, 100%': { opacity: '1', transform: 'scale(1)' },
+            '50%': { opacity: '.8', transform: 'scale(1.02)' },
+          }
+        }
+      },
+    },
+    plugins: [
+      require('@tailwindcss/typography'), // Add this line
+    ],
+  }