HashkeyFans/tailwind.config.ts at master · HashFans/HashkeyFans · 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/data/**/*.{js,ts}",
  ],
  safelist: [
    'h-8',
    'w-8',
    'w-16',
    'w-24',
    'w-32',
    'w-auto',
    'rounded-full'
  ],
  theme: {
    extend: {
      textShadow: {
        'md': '2px 2px 4px rgba(0, 0, 0, 0.5)',
        'lg': '3px 3px 6px rgba(0, 0, 0, 0.5)',
        'xl': '4px 4px 8px rgba(0, 0, 0, 0.5)',
        '3xl': '0 0 3px #ffffff, 0 0 5px #ffffff, 0 0 7px #ffffff, 0 0 10px #ffffff',
      },
      fontFamily: {
        sora: ['var(--font-sora)'],
        noto: ['var(--font-noto-sans)'],
        poppins: ['var(--font-poppins)'],
      },
      backgroundImage: {
        'gradient-primary': 'linear-gradient(to right, var(--tw-gradient-stops))',
      },
      colors: {
        'blue': {
          600: '#2563eb',
          700: '#1d4ed8',
        },
        'indigo': {
          600: '#4f46e5',
          700: '#4338ca',
        },
      },
      keyframes: {
        'slide-up': {
          '0%': {
            opacity: '0',
            transform: 'translateY(100px)'
          },
          '100%': {
            opacity: '1',
            transform: 'translateY(0)'
          }
        }
      },
      animation: {
        'slide-up': 'slide-up 0.4s ease-out forwards'
      }
    },
  },
  plugins: [
    require('daisyui'),
    require('@tailwindcss/typography'),
    require('daisyui'),
    function ({ addUtilities }: { addUtilities: (utilities: Record<string, Record<string, string>>) => void }) {
      const newUtilities = {
        '.text-shadow-md': {
          textShadow: '2px 2px 4px rgba(0, 0, 0, 0.5)',
        },
        '.text-shadow-lg': {
          textShadow: '3px 3px 6px rgba(0, 0, 0, 0.5)',
        },
        '.text-shadow-xl': {
          textShadow: '4px 4px 8px rgba(0, 0, 0, 0.5)',
        },
        '.text-shadow-3xl': {
          textShadow: '0 0 3px #ffffff, 0 0 5px #ffffff, 0 0 7px #ffffff, 0 0 10px #ffffff',
        },
      }
      addUtilities(newUtilities)
    }
  ],
};
export default config;