|
|
|
|
|
module.exports = { |
|
|
darkMode: ["class"], |
|
|
content: [ |
|
|
'./pages/**/*.{js,jsx}', |
|
|
'./components/**/*.{js,jsx}', |
|
|
'./app/**/*.{js,jsx}', |
|
|
'./src/**/*.{js,jsx}', |
|
|
], |
|
|
prefix: "", |
|
|
theme: { |
|
|
container: { |
|
|
center: true, |
|
|
padding: "2rem", |
|
|
screens: { |
|
|
"2xl": "1400px", |
|
|
}, |
|
|
}, |
|
|
backgroundImage: { |
|
|
"glow-lines": |
|
|
"linear-gradient(var(--direction),#9d9bf2 0.43%,#7877c6 14.11%,rgba(120,119,198,0) 62.95%)", |
|
|
}, |
|
|
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))", |
|
|
}, |
|
|
}, |
|
|
borderRadius: { |
|
|
lg: "var(--radius)", |
|
|
md: "calc(var(--radius) - 2px)", |
|
|
sm: "calc(var(--radius) - 4px)", |
|
|
}, |
|
|
keyframes: { |
|
|
|
|
|
"glow-line-horizontal": { |
|
|
"0%": { opacity: 0, transform: "translateX(0)" }, |
|
|
"5%": { opacity: 1, transform: "translateX(0)" }, |
|
|
"90%": { opacity: 1 }, |
|
|
"100%": { opacity: 0, transform: "translateX(min(60vw, 45rem))" }, |
|
|
}, |
|
|
"glow-line-vertical": { |
|
|
"0%": { opacity: 0, transform: "translateY(0)" }, |
|
|
"5%": { opacity: 1, transform: "translateY(0)" }, |
|
|
"90%": { opacity: 1 }, |
|
|
"100%": { opacity: 0, transform: "translateY(min(21vw, 45rem))" }, |
|
|
}, |
|
|
"accordion-down": { |
|
|
from: { height: "0" }, |
|
|
to: { height: "var(--radix-accordion-content-height)" }, |
|
|
}, |
|
|
"accordion-up": { |
|
|
from: { height: "var(--radix-accordion-content-height)" }, |
|
|
to: { height: "0" }, |
|
|
}, |
|
|
}, |
|
|
animation: { |
|
|
"accordion-down": "accordion-down 0.2s ease-out", |
|
|
"accordion-up": "accordion-up 0.2s ease-out", |
|
|
"glow-line-horizontal": |
|
|
"glow-line-horizontal var(--animation-duration) ease-in forwards", |
|
|
"glow-line-vertical": |
|
|
"glow-line-vertical var(--animation-duration) ease-in forwards", |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
plugins: [require("tailwindcss-animate")], |
|
|
} |
