Mua-client/tailwind.config.js at develop · MuaProject/Mua-client · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        primary: 'rgb(var(--primary) / <alpha-value>)',
        white: 'rgb(var(--white) / <alpha-value>)',
        red: 'rgb(var(--red) / <alpha-value>)',
        yellow: 'rgb(var(--yellow) / <alpha-value>)',

        'sha-but': 'rgb(var(--sha-but) / <alpha-value>)',
        'sha-pop': 'rgb(var(--sha-pop) / <alpha-value>)',

        gray: {
          100: 'rgb(var(--gray-100) / <alpha-value>)',
          200: 'rgb(var(--gray-200) / <alpha-value>)',
          300: 'rgb(var(--gray-300) / <alpha-value>)',
          400: 'rgb(var(--gray-400) / <alpha-value>)',
          500: 'rgb(var(--gray-500) / <alpha-value>)',
          600: 'rgb(var(--gray-600) / <alpha-value>)',
          700: 'rgb(var(--gray-700) / <alpha-value>)',
          800: 'rgb(var(--gray-800) / <alpha-value>)',
          900: 'rgb(var(--gray-900) / <alpha-value>)',
          950: 'rgb(var(--gray-950) / <alpha-value>)',
        },
      },
      fontFamily: {
        sans: ['Pretendard', 'system-ui', 'sans-serif'],
      },
      fontSize: {
        title: [
          '2.8rem',
          { lineHeight: '1.2', fontWeight: '700', letterSpacing: '-0.04em' },
        ],
        h1: [
          '2.4rem',
          { lineHeight: '1.2', fontWeight: '700', letterSpacing: '-0.04em' },
        ],
        h2: [
          '2.2rem',
          { lineHeight: '1.2', fontWeight: '600', letterSpacing: '-0.04em' },
        ],
        h3: [
          '1.8rem',
          { lineHeight: '1.5', fontWeight: '600', letterSpacing: '-0.04em' },
        ],
        body1: [
          '1.6rem',
          { lineHeight: '1.5', fontWeight: '500', letterSpacing: '-0.04em' },
        ],
        body2: [
          '1.4rem',
          { lineHeight: '1.5', fontWeight: '500', letterSpacing: '-0.04em' },
        ],
        body3: [
          '1.4rem',
          { lineHeight: '1.5', fontWeight: '400', letterSpacing: '-0.04em' },
        ],
        caption: [
          '1.2rem',
          { lineHeight: '1.5', fontWeight: '400', letterSpacing: '-0.04em' },
        ],
      },
    },
  },
  plugins: [],
};