Anti-Scam/tailwind.config.ts at main · maitamdev/Anti-Scam · 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
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: {
      screens: {
        'xs': '475px',
      },
      fontFamily: {
        sans: ['var(--font-title)', 'Space Grotesk', 'Helvetica', 'sans-serif'],
        display: ['var(--font-display)', 'system-ui', 'sans-serif'],
        title: ['var(--font-title)', 'Space Grotesk', 'Helvetica', 'sans-serif'],
      },
      colors: {
        safe: '#22c55e',
        caution: '#f59e0b',
        dangerous: '#ef4444',
      },
      animation: {
        'gradient-x': 'gradient-x 3s ease infinite',
        'scan-line': 'scan-line 2s ease-in-out infinite',
        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
      },
      keyframes: {
        'gradient-x': {
          '0%, 100%': { backgroundPosition: '0% 50%' },
          '50%': { backgroundPosition: '100% 50%' },
        },
      },
    },
  },
  plugins: [],
}
export default config