| |
| export default { |
| content: [ |
| "./index.html", |
| "./src/**/*.{vue,js,ts,jsx,tsx}", |
| ], |
| darkMode: 'class', |
| theme: { |
| container: { |
| center: true, |
| padding: "2rem", |
| screens: { |
| "2xl": "1400px", |
| }, |
| }, |
| extend: { |
| colors: { |
| background: "hsl(var(--background))", |
| foreground: "hsl(var(--foreground))", |
| card: { |
| DEFAULT: "hsl(var(--card))", |
| foreground: "hsl(var(--card-foreground))", |
| }, |
| popover: { |
| DEFAULT: "hsl(var(--popover))", |
| foreground: "hsl(var(--popover-foreground))", |
| }, |
| primary: { |
| DEFAULT: "hsl(var(--primary))", |
| foreground: "hsl(var(--primary-foreground))", |
| }, |
| secondary: { |
| DEFAULT: "hsl(var(--secondary))", |
| foreground: "hsl(var(--secondary-foreground))", |
| }, |
| muted: { |
| DEFAULT: "hsl(var(--muted))", |
| foreground: "hsl(var(--muted-foreground))", |
| }, |
| accent: { |
| DEFAULT: "hsl(var(--accent))", |
| foreground: "hsl(var(--accent-foreground))", |
| }, |
| destructive: { |
| DEFAULT: "hsl(var(--destructive))", |
| foreground: "hsl(var(--destructive-foreground))", |
| }, |
| border: "hsl(var(--border))", |
| input: "hsl(var(--input))", |
| ring: "hsl(var(--ring))", |
| }, |
| borderRadius: { |
| lg: "var(--radius)", |
| md: "calc(var(--radius) - 2px)", |
| sm: "calc(var(--radius) - 4px)", |
| }, |
| fontFamily: { |
| sans: ["Inter", "ui-sans-serif", "system-ui", "sans-serif"], |
| }, |
| maxWidth: { |
| content: "568px", |
| }, |
| animation: { |
| "fade-in": "fadeIn 0.3s ease-in-out", |
| "slide-up": "slideUp 0.3s ease-out", |
| "scale-in": "scaleIn 0.2s ease-out", |
| "shine": "shine-move 2.2s linear infinite", |
| }, |
| keyframes: { |
| fadeIn: { |
| "0%": { opacity: "0" }, |
| "100%": { opacity: "1" }, |
| }, |
| slideUp: { |
| "0%": { opacity: "0", transform: "translateY(10px)" }, |
| "100%": { opacity: "1", transform: "translateY(0)" }, |
| }, |
| scaleIn: { |
| "0%": { opacity: "0", transform: "scale(0.95)" }, |
| "100%": { opacity: "1", transform: "scale(1)" }, |
| }, |
| "shine-move": { |
| "0%": { left: "-75%" }, |
| "100%": { left: "120%" }, |
| }, |
| }, |
| }, |
| }, |
| plugins: [], |
| } |
