From c728d2030aa2dbe6f827613aac14a75553ea64ba Mon Sep 17 00:00:00 2001 From: dvelo <52332868+DeveloLongScript@users.noreply.github.com> Date: Sun, 3 Nov 2024 11:36:34 -0600 Subject: [PATCH] fix: tailwind.config.ts --- tailwind.config.ts | 322 ++++++++++++++++++++++----------------------- 1 file changed, 161 insertions(+), 161 deletions(-) diff --git a/tailwind.config.ts b/tailwind.config.ts index 1396fd0..ba88528 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -40,167 +40,167 @@ const config = { ], prefix: "", theme: { - container: { - center: 'true', - padding: '2rem', - screens: { - '2xl': '1400px' - } - }, - extend: { - colors: { - border: 'hsl(var(--border))', - input: 'hsl(var(--input))', - ring: 'hsl(var(--ring))', - background: 'hsl(var(--background))', - foreground: 'hsl(var(--foreground))', - primary: { - DEFAULT: 'hsl(var(--primary))', - foreground: 'hsl(var(--primary-foreground))' - }, - secondary: { - DEFAULT: 'hsl(var(--secondary))', - foreground: 'hsl(var(--secondary-foreground))' - }, - destructive: { - DEFAULT: 'hsl(var(--destructive))', - foreground: 'hsl(var(--destructive-foreground))' - }, - muted: { - DEFAULT: 'hsl(var(--muted))', - foreground: 'hsl(var(--muted-foreground))' - }, - accent: { - DEFAULT: 'hsl(var(--accent))', - foreground: 'hsl(var(--accent-foreground))' - }, - popover: { - DEFAULT: 'hsl(var(--popover))', - foreground: 'hsl(var(--popover-foreground))' - }, - card: { - DEFAULT: 'hsl(var(--card))', - foreground: 'hsl(var(--card-foreground))' - }, - sidebar: { - DEFAULT: 'hsl(var(--sidebar-background))', - foreground: 'hsl(var(--sidebar-foreground))', - primary: 'hsl(var(--sidebar-primary))', - 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))', - accent: 'hsl(var(--sidebar-accent))', - 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))', - border: 'hsl(var(--sidebar-border))', - ring: 'hsl(var(--sidebar-ring))', - mhsf: 'hsl(var(--sidebar-mhsf))' - } - }, - borderRadius: { - lg: 'var(--radius)', - md: 'calc(var(--radius) - 2px)', - sm: 'calc(var(--radius) - 4px)' - }, - keyframes: { - 'image-glow': { - '0%': { - opacity: '0', - 'animation-timing-function': 'cubic-bezier(0.74, 0.25, 0.76, 1)' - }, - '10%': { - opacity: '0.7', - 'animation-timing-function': 'cubic-bezier(0.12, 0.01, 0.08, 0.99)' - }, - '100%': { - opacity: '0.4' - } - }, - 'border-beam': { - '100%': { - 'offset-distance': '100%' - } - }, - 'caret-blink': { - '0%,70%,100%': { - opacity: '1' - }, - '20%,50%': { - opacity: '0' - } - }, - 'accordion-down': { - from: { - height: '0' - }, - to: { - height: 'var(--radix-accordion-content-height)' - } - }, - 'accordion-up': { - from: { - height: 'var(--radix-accordion-content-height)' - }, - to: { - height: '0' - } - }, - 'fade-in': { - from: { - opacity: '0', - transform: 'translateY(-10px)' - }, - to: { - opacity: '1', - transform: 'none' - } - }, - marquee: { - from: { - transform: 'translateX(0)' - }, - to: { - transform: 'translateX(calc(-100% - var(--gap)))' - } - }, - 'marquee-vertical': { - from: { - transform: 'translateY(0)' - }, - to: { - transform: 'translateY(calc(-100% - var(--gap)))' - } - }, - 'fade-up': { - from: { - opacity: '0', - transform: 'translateY(20px)' - }, - to: { - opacity: '1', - transform: 'none' - } - }, - shimmer: { - '0%, 90%, 100%': { - 'background-position': 'calc(-100% - var(--shimmer-width)) 0' - }, - '30%, 60%': { - 'background-position': 'calc(100% + var(--shimmer-width)) 0' - } - } - }, - animation: { - marquee: 'marquee var(--duration) linear infinite', - 'marquee-vertical': 'marquee-vertical var(--duration) linear infinite', - 'accordion-down': 'accordion-down 0.2s ease-out', - 'accordion-up': 'accordion-up 0.2s ease-out', - 'image-glow': 'image-glow 4100ms 600ms ease-out forwards', - shimmer: 'shimmer 8s infinite', - 'fade-in': 'fade-in 1000ms var(--animation-delay, 0ms) ease forwards', - 'caret-blink': 'caret-blink 1.25s ease-out infinite', - 'border-beam': 'border-beam calc(var(--duration)*1s) infinite linear', - 'fade-up': 'fade-up 1000ms var(--animation-delay, 0ms) ease forwards' - } - } - }, + container: { + center: true, + padding: "2rem", + screens: { + "2xl": "1400px", + }, + }, + extend: { + colors: { + border: "hsl(var(--border))", + input: "hsl(var(--input))", + ring: "hsl(var(--ring))", + background: "hsl(var(--background))", + foreground: "hsl(var(--foreground))", + primary: { + DEFAULT: "hsl(var(--primary))", + foreground: "hsl(var(--primary-foreground))", + }, + secondary: { + DEFAULT: "hsl(var(--secondary))", + foreground: "hsl(var(--secondary-foreground))", + }, + destructive: { + DEFAULT: "hsl(var(--destructive))", + foreground: "hsl(var(--destructive-foreground))", + }, + muted: { + DEFAULT: "hsl(var(--muted))", + foreground: "hsl(var(--muted-foreground))", + }, + accent: { + DEFAULT: "hsl(var(--accent))", + foreground: "hsl(var(--accent-foreground))", + }, + popover: { + DEFAULT: "hsl(var(--popover))", + foreground: "hsl(var(--popover-foreground))", + }, + card: { + DEFAULT: "hsl(var(--card))", + foreground: "hsl(var(--card-foreground))", + }, + sidebar: { + DEFAULT: "hsl(var(--sidebar-background))", + foreground: "hsl(var(--sidebar-foreground))", + primary: "hsl(var(--sidebar-primary))", + "primary-foreground": "hsl(var(--sidebar-primary-foreground))", + accent: "hsl(var(--sidebar-accent))", + "accent-foreground": "hsl(var(--sidebar-accent-foreground))", + border: "hsl(var(--sidebar-border))", + ring: "hsl(var(--sidebar-ring))", + mhsf: "hsl(var(--sidebar-mhsf))", + }, + }, + borderRadius: { + lg: "var(--radius)", + md: "calc(var(--radius) - 2px)", + sm: "calc(var(--radius) - 4px)", + }, + keyframes: { + "image-glow": { + "0%": { + opacity: "0", + "animation-timing-function": "cubic-bezier(0.74, 0.25, 0.76, 1)", + }, + "10%": { + opacity: "0.7", + "animation-timing-function": "cubic-bezier(0.12, 0.01, 0.08, 0.99)", + }, + "100%": { + opacity: "0.4", + }, + }, + "border-beam": { + "100%": { + "offset-distance": "100%", + }, + }, + "caret-blink": { + "0%,70%,100%": { + opacity: "1", + }, + "20%,50%": { + opacity: "0", + }, + }, + "accordion-down": { + from: { + height: "0", + }, + to: { + height: "var(--radix-accordion-content-height)", + }, + }, + "accordion-up": { + from: { + height: "var(--radix-accordion-content-height)", + }, + to: { + height: "0", + }, + }, + "fade-in": { + from: { + opacity: "0", + transform: "translateY(-10px)", + }, + to: { + opacity: "1", + transform: "none", + }, + }, + marquee: { + from: { + transform: "translateX(0)", + }, + to: { + transform: "translateX(calc(-100% - var(--gap)))", + }, + }, + "marquee-vertical": { + from: { + transform: "translateY(0)", + }, + to: { + transform: "translateY(calc(-100% - var(--gap)))", + }, + }, + "fade-up": { + from: { + opacity: "0", + transform: "translateY(20px)", + }, + to: { + opacity: "1", + transform: "none", + }, + }, + shimmer: { + "0%, 90%, 100%": { + "background-position": "calc(-100% - var(--shimmer-width)) 0", + }, + "30%, 60%": { + "background-position": "calc(100% + var(--shimmer-width)) 0", + }, + }, + }, + animation: { + marquee: "marquee var(--duration) linear infinite", + "marquee-vertical": "marquee-vertical var(--duration) linear infinite", + "accordion-down": "accordion-down 0.2s ease-out", + "accordion-up": "accordion-up 0.2s ease-out", + "image-glow": "image-glow 4100ms 600ms ease-out forwards", + shimmer: "shimmer 8s infinite", + "fade-in": "fade-in 1000ms var(--animation-delay, 0ms) ease forwards", + "caret-blink": "caret-blink 1.25s ease-out infinite", + "border-beam": "border-beam calc(var(--duration)*1s) infinite linear", + "fade-up": "fade-up 1000ms var(--animation-delay, 0ms) ease forwards", + }, + }, + }, plugins: [require("tailwindcss-animate"), require("@tailwindcss/typography")], } satisfies Config;