wiregency.com/tailwind.config.ts at main · wiregency/wiregency.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      colors: {
        background: "var(--background)",
        foreground: "var(--foreground)",
      },
      keyframes: {
        mesh: {
          '0%': { transform: 'translateY(0) scale(1.0)' },
          '50%': { transform: 'translateY(-20px) scale(1.1)' },
          '100%': { transform: 'translateY(0) scale(1.0)' },
        },
        float: {
          '0%': { transform: 'translate(0px, 0px)' },
          '50%': { transform: 'translate(10px, 10px)' },
          '100%': { transform: 'translate(0px, 0px)' },
        }
      },
      animation: {
        mesh: 'mesh 20s linear infinite',
        float: 'float 6s ease-in-out infinite',
      },
      maskImage: {
        'radial-faded': 'radial-gradient(circle at center, black 45%, transparent 85%)',
      }
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
  ],
};

export default config;