H
This commit is contained in:
232
tailwind.config.ts
Normal file
232
tailwind.config.ts
Normal file
@@ -0,0 +1,232 @@
|
||||
import type { Config } from "tailwindcss";
|
||||
|
||||
export default {
|
||||
darkMode: ["class"],
|
||||
content: ["./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}"],
|
||||
prefix: "",
|
||||
theme: {
|
||||
container: {
|
||||
center: true,
|
||||
padding: '2rem',
|
||||
screens: {
|
||||
'2xl': '1400px'
|
||||
}
|
||||
},
|
||||
extend: {
|
||||
fontFamily: {
|
||||
sans: [
|
||||
'Inter',
|
||||
'ui-sans-serif',
|
||||
'system-ui',
|
||||
'-apple-system',
|
||||
'BlinkMacSystemFont',
|
||||
'Segoe UI',
|
||||
'Roboto',
|
||||
'Helvetica Neue',
|
||||
'Arial',
|
||||
'Noto Sans',
|
||||
'sans-serif'
|
||||
],
|
||||
display: [
|
||||
'Space Grotesk',
|
||||
'Inter',
|
||||
'system-ui',
|
||||
'sans-serif'
|
||||
],
|
||||
serif: [
|
||||
'Lora',
|
||||
'ui-serif',
|
||||
'Georgia',
|
||||
'Cambria',
|
||||
'Times New Roman',
|
||||
'Times',
|
||||
'serif'
|
||||
],
|
||||
mono: [
|
||||
'Space Mono',
|
||||
'ui-monospace',
|
||||
'SFMono-Regular',
|
||||
'Menlo',
|
||||
'Monaco',
|
||||
'Consolas',
|
||||
'Liberation Mono',
|
||||
'Courier New',
|
||||
'monospace'
|
||||
]
|
||||
},
|
||||
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))'
|
||||
},
|
||||
sidebar: {
|
||||
DEFAULT: 'hsl(var(--sidebar-background))',
|
||||
foreground: 'hsl(var(--sidebar-foreground))',
|
||||
primary: 'hsl(var(--sidebar-primary))',
|
||||
'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
|
||||
accent: 'hsl(var(--sidebar-accent))',
|
||||
'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
|
||||
border: 'hsl(var(--sidebar-border))',
|
||||
ring: 'hsl(var(--sidebar-ring))'
|
||||
}
|
||||
},
|
||||
borderRadius: {
|
||||
lg: 'var(--radius)',
|
||||
md: 'calc(var(--radius) - 2px)',
|
||||
sm: 'calc(var(--radius) - 4px)',
|
||||
xl: 'calc(var(--radius) + 4px)',
|
||||
'2xl': 'calc(var(--radius) + 8px)'
|
||||
},
|
||||
keyframes: {
|
||||
'accordion-down': {
|
||||
from: {
|
||||
height: '0'
|
||||
},
|
||||
to: {
|
||||
height: 'var(--radix-accordion-content-height)'
|
||||
}
|
||||
},
|
||||
'accordion-up': {
|
||||
from: {
|
||||
height: 'var(--radix-accordion-content-height)'
|
||||
},
|
||||
to: {
|
||||
height: '0'
|
||||
}
|
||||
},
|
||||
marquee: {
|
||||
'0%': {
|
||||
transform: 'translateX(0)'
|
||||
},
|
||||
'100%': {
|
||||
transform: 'translateX(-50%)'
|
||||
}
|
||||
},
|
||||
'fade-in-up': {
|
||||
from: {
|
||||
opacity: '0',
|
||||
transform: 'translateY(30px)'
|
||||
},
|
||||
to: {
|
||||
opacity: '1',
|
||||
transform: 'translateY(0)'
|
||||
}
|
||||
},
|
||||
float: {
|
||||
'0%, 100%': {
|
||||
transform: 'translateY(0)'
|
||||
},
|
||||
'50%': {
|
||||
transform: 'translateY(-20px)'
|
||||
}
|
||||
},
|
||||
'float-slow': {
|
||||
'0%, 100%': {
|
||||
transform: 'translateY(0) rotate(0deg)'
|
||||
},
|
||||
'50%': {
|
||||
transform: 'translateY(-30px) rotate(5deg)'
|
||||
}
|
||||
},
|
||||
'pulse-glow': {
|
||||
'0%, 100%': {
|
||||
boxShadow: '0 0 20px hsl(190 100% 50% / 0.3)'
|
||||
},
|
||||
'50%': {
|
||||
boxShadow: '0 0 40px hsl(190 100% 50% / 0.5), 0 0 60px hsl(330 85% 60% / 0.3)'
|
||||
}
|
||||
},
|
||||
shimmer: {
|
||||
'0%': {
|
||||
backgroundPosition: '-200% 0'
|
||||
},
|
||||
'100%': {
|
||||
backgroundPosition: '200% 0'
|
||||
}
|
||||
},
|
||||
'rotate-slow': {
|
||||
from: {
|
||||
transform: 'rotate(0deg)'
|
||||
},
|
||||
to: {
|
||||
transform: 'rotate(360deg)'
|
||||
}
|
||||
},
|
||||
'scale-in': {
|
||||
from: {
|
||||
opacity: '0',
|
||||
transform: 'scale(0.9)'
|
||||
},
|
||||
to: {
|
||||
opacity: '1',
|
||||
transform: 'scale(1)'
|
||||
}
|
||||
},
|
||||
'glow-pulse': {
|
||||
'0%, 100%': {
|
||||
opacity: '0.4'
|
||||
},
|
||||
'50%': {
|
||||
opacity: '0.8'
|
||||
}
|
||||
}
|
||||
},
|
||||
animation: {
|
||||
'accordion-down': 'accordion-down 0.2s ease-out',
|
||||
'accordion-up': 'accordion-up 0.2s ease-out',
|
||||
marquee: 'marquee 25s linear infinite',
|
||||
'fade-in-up': 'fade-in-up 0.6s ease-out forwards',
|
||||
float: 'float 6s ease-in-out infinite',
|
||||
'float-slow': 'float-slow 10s ease-in-out infinite',
|
||||
'pulse-glow': 'pulse-glow 3s ease-in-out infinite',
|
||||
shimmer: 'shimmer 3s linear infinite',
|
||||
'rotate-slow': 'rotate-slow 20s linear infinite',
|
||||
'scale-in': 'scale-in 0.5s ease-out forwards',
|
||||
'glow-pulse': 'glow-pulse 3s ease-in-out infinite'
|
||||
},
|
||||
backgroundImage: {
|
||||
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
|
||||
'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))'
|
||||
},
|
||||
boxShadow: {
|
||||
'2xs': 'var(--shadow-2xs)',
|
||||
xs: 'var(--shadow-xs)',
|
||||
sm: 'var(--shadow-sm)',
|
||||
md: 'var(--shadow-md)',
|
||||
lg: 'var(--shadow-lg)',
|
||||
xl: 'var(--shadow-xl)',
|
||||
'2xl': 'var(--shadow-2xl)'
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: [require("tailwindcss-animate")],
|
||||
} satisfies Config;
|
||||
Reference in New Issue
Block a user