47th-web/tailwind.config.js at dev · a40418a/47th-web · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        Pretendard: ['Pretendard'],
      },
      animation: {
        fadeInDown: 'fadeInDown 0.7s ease-in-out',
        growDown: 'growDown 0.5s ease-in-out',
      },
      keyframes: {
        fadeInDown: {
          '0%': {
            opacity: 0,
            transform: 'translateY(-10px)',
          },
          '100%': {
            opacity: 1,
            transform: 'translateY(0)',
          },
        },
        growDown: {
          '0%': {
            maxHeight: '0',
            opacity: 0,
          },
          '100%': {
            maxHeight: '500px', // 필요한 만큼 크게 설정
            opacity: 1,
          },
        },
      },
    },
    colors: {
      white: '#ffffff',
      black_22: '#222222',
      lightGray: '#f5f5f5',
      gray_bd: '#BDBDBD',
      gray_71: '#717171',
      //계절 컬러
      springPink: '#cf569b',
      summerGreen_01: '#b2d35a',
      summerGreen_02: '#60b636',
      fallPurple: '#845da5',
      winterBlue: '#4682B4',
    },
  },
  plugins: [],
};