Fandom-K/tailwind.config.js at main · yoonc01/Fandom-K · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,jsx}'],
  theme: {
    extend: {
      colors: {
        midnightBlack: '#02000E',
        deepCharcoal: '#181D26',
        steelGray: '#67666E',
        neutralGray: '#828282',
        slateBlue: '#8C92AB',
        silverGray: '#A3A5A8',
        softWhite: '#F7F7F8',
        coralRed: '#F96D69',
        pinkPunch: '#FE5493',
      },
      fontFamily: {
        pretendard: ['Pretendard', 'sans-serif'], // Pretendard 폰트 추가
      },
      letterSpacing: {
        '5-percent': '0.05em', // Letter spacing 5%
        '2-percent': '0.02em', // Letter spacing 2%
        'minus-0.17px': '-0.17px', // Letter spacing -0.17px
      },
      screens: {
        pc: '1200px',
        tablet: '768px',
        mobile: '375px',
      },
      backgroundImage: {
        mainSectionBackgroundImage1:
          "url('/src/assets/images/mainSectionBackgroundImage1.webp')",
        mainSectionBackgroundImage2:
          "url('/src/assets/images/mainSectionBackgroundImage2.webp')",
        mainSectionBackgroundImage3:
          "url('/src/assets/images/mainSectionBackgroundImage3.webp')",
        'radial-black':
          'radial-gradient(circle, rgba(2,0,14,0) 0%, rgba(2,0,14,0.5) 18%, rgba(2,0,14,1) 60%)',
      },
    },
  },
  plugins: [require('tailwind-scrollbar-hide')],
};