| | const { fontFamily } = require("tailwindcss/defaultTheme"); |
| |
|
| | |
| | module.exports = { |
| | darkMode: ["class"], |
| | content: ["app/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"], |
| | theme: { |
| | container: { |
| | center: true, |
| | padding: "2rem", |
| | screens: { |
| | "2xl": "1400px", |
| | }, |
| | }, |
| | extend: { |
| | backgroundImage: { |
| | sport: |
| | "url('https://uploadthing.com/f/afe0d65b-df4c-4feb-83e0-e3cd00c5a6cb_lindsay-henwood-7_kRuX1hSXM-unsplash-min.jpg')", |
| | }, |
| | 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))", |
| | }, |
| | transparent: "rgba(255, 255, 255, 0)", |
| | translucentWhite: "rgba(255, 255, 255, 80)", |
| | translucentDark: "rgba(25, 33, 58, 0.70)", |
| | }, |
| | borderRadius: { |
| | lg: `var(--radius)`, |
| | md: `calc(var(--radius) - 2px)`, |
| | sm: "calc(var(--radius) - 4px)", |
| | }, |
| | fontFamily: { |
| | sans: ["var(--font-sans)", ...fontFamily.sans], |
| | }, |
| | keyframes: { |
| | "fade-in": { |
| | "0%": { opacity: 0.2 }, |
| | "100%": { opacity: 1 }, |
| | }, |
| | "accordion-down": { |
| | from: { height: 0 }, |
| | to: { height: "var(--radix-accordion-content-height)" }, |
| | }, |
| | "accordion-up": { |
| | from: { height: "var(--radix-accordion-content-height)" }, |
| | to: { height: 0 }, |
| | }, |
| | "roll-in-left": { |
| | "0%": { transform: "translateX(-100%)" }, |
| | "100%": { transform: "translateX(0)" }, |
| | }, |
| | }, |
| | animation: { |
| | "roll-in-left": "roll-in-left 0.5s ease-out", |
| | "fade-in": "fade-in 1.5s ease-in", |
| | "accordion-down": "accordion-down 0.2s ease-out", |
| | "accordion-up": "accordion-up 0.2s ease-out", |
| | }, |
| | }, |
| | }, |
| | plugins: [require("tailwindcss-animate")], |
| | }; |
| |
|
