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