| import type { Config } from "tailwindcss"; |
|
|
| export default { |
| darkMode: ["class"], |
| content: ["./src/**/*.{ts,tsx}"], |
| safelist: ["dark", "light"], |
| theme: { |
| extend: { |
| fontFamily: { |
| sans: "var(--font-hedvig-sans)", |
| mono: "var(--font-hedvig-sans)", |
| serif: "var(--font-hedvig-serif)", |
| }, |
| 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))", |
| }, |
| }, |
| borderRadius: { |
| lg: "var(--radius)", |
| md: "calc(var(--radius) - 2px)", |
| sm: "calc(var(--radius) - 4px)", |
| }, |
| keyframes: { |
| shimmer: { |
| "0%": { backgroundPosition: "200% 0" }, |
| "100%": { backgroundPosition: "-200% 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" }, |
| }, |
| jiggle: { |
| "0%": { |
| transform: "rotate(-4deg)", |
| }, |
| "50%": { |
| transform: "rotate(4deg)", |
| }, |
| }, |
| "caret-blink": { |
| "0%,70%,100%": { opacity: "1" }, |
| "20%,50%": { opacity: "0" }, |
| }, |
| scroll: { |
| to: { |
| transform: "translate(calc(-50% - 0.5rem))", |
| }, |
| }, |
| moveHorizontal: { |
| "0%": { |
| transform: "translateX(-50%) translateY(-10%)", |
| }, |
| "50%": { |
| transform: "translateX(50%) translateY(10%)", |
| }, |
| "100%": { |
| transform: "translateX(-50%) translateY(-10%)", |
| }, |
| }, |
| moveInCircle: { |
| "0%": { |
| transform: "rotate(0deg)", |
| }, |
| "50%": { |
| transform: "rotate(180deg)", |
| }, |
| "100%": { |
| transform: "rotate(360deg)", |
| }, |
| }, |
| moveVertical: { |
| "0%": { |
| transform: "translateY(-50%)", |
| }, |
| "50%": { |
| transform: "translateY(50%)", |
| }, |
| "100%": { |
| transform: "translateY(-50%)", |
| }, |
| }, |
| "webgl-scale-in-fade": { |
| "0%": { |
| opacity: "0", |
| transform: "scale(.7)", |
| }, |
| "100%": { |
| opacity: "1", |
| transform: "scale(1)", |
| }, |
| }, |
| "slide-effect": { |
| "0%": { left: "0%" }, |
| "50%": { left: "calc(100% - 80px)" }, |
| "100%": { left: "0%" }, |
| }, |
| }, |
| animation: { |
| "accordion-down": "accordion-down 0.2s ease-out", |
| "accordion-up": "accordion-up 0.2s ease-out", |
| "caret-blink": "caret-blink 1.25s ease-out infinite", |
| first: "moveVertical 30s ease infinite", |
| second: "moveInCircle 20s reverse infinite", |
| third: "moveInCircle 40s linear infinite", |
| fourth: "moveHorizontal 40s ease infinite", |
| fifth: "moveInCircle 20s ease infinite", |
| shimmer: "shimmer 2.5s linear infinite", |
| "slide-effect": "slide-effect 1.3s ease-in-out infinite", |
| scroll: |
| "scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite", |
| }, |
| screens: { |
| "3xl": "1800px", |
| }, |
| }, |
| }, |
| plugins: [require("tailwindcss-animate")], |
| } satisfies Config; |
|
|
