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