finalproject/tailwind.config.js at develop · Taewook1212/finalproject · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,tsx,ts}'],
  theme: {
    screens: {
      mob: { min: '320px', max: '767px' },
      tab: { min: '768px', max: '1023px' },
      desk: { min: '1024px', max: '1439px' },
    },
    extend: {
      display: ['group-hover'],
      boxShadow: {
        root: '0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 16px 0px rgba(0, 0, 0, 0.12)',
      },
      borderWidth: {
        3: '3px',
      },
      colors: {
        orange: {
          primary: '#FFA031',
        },
        blue: {
          primary: '#224b8f',
          secondary: '#2e5eab',
          100: '#3f8cff',
        },
        black: {
          100: '#1c1c1c',
        },
        gray: {
          100: '#afafaf',
          200: '#DDDDDD',
          300: '#f5f4f4',
          400: '#A6A6A6',
          500: '#717171',
          600: '#D9D9D9',
          700: '#EEEEEE',
        },
      },
    },
  },
};