|
|
|
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', |
|
}, |
|
}, |
|
}, |
|
|
|
}; |
|
|
