Frontend/tailwind.config.js at main · AlphaKa2/Frontend · 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
// tailwind.config.js
module.exports = {
  content: [
    "./src/**/*.{js,jsx}",
  ],
  theme: {
    extend: {
      colors: {
        grayDark: '#646464',
        redCustom: '#ef3b3b',
        blueCustom: '#0f2478',
        greenCustom: '#56ab59',
      },
      keyframes: {
        appear: {
          'to': { opacity: '1' },
        },
        bounce: {
          '0%, 100%': { transform: 'translateY(0) rotate(45deg)', opacity: '1' },
          '50%': { transform: 'translateY(-10px) rotate(45deg)', opacity: '0.3' },
        },
      },
      animation: {
        appear: 'appear 1s forwards',
        bounce: 'bounce 2s infinite',
      },
      spacing: {
        '3em': '3em',
        '5em': '5em',
      },
      fontSize: {
        '1.3em': '1.3em',
        '1.8em': '1.8em',
        '3.3em': '3.3em',
      },
      borderRadius: {
        '5%': '5%',
        '10%': '10%',
      },
      fontFamily: {
        sans: ['Inter', 'sans-serif'], // Tailwind 기본 sans 폰트를 Inter로 변경
      },
    },
  },
  plugins: [
    require('@tailwindcss/line-clamp'),
  ],
};