client/tailwind.config.js at develop · SWYP-team-2th/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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
export const content = ['./src/**/*.{html,js,ts,jsx,tsx}'];

export const theme = {
  screens: {
    desktop: '480px',
  },
  extend: {
    fontSize: {
      'title-1': [
        '32px',
        { lineHeight: '42px', letterSpacing: '-0.6px', fontWeight: 'bold' },
      ],
      'title-2': [
        '28px',
        { lineHeight: '38px', letterSpacing: '-0.6px', fontWeight: 'bold' },
      ],
      'title-3': [
        '24px',
        { lineHeight: '34px', letterSpacing: '-0.6px', fontWeight: 'bold' },
      ],

      'heading-1': [
        '22px',
        { lineHeight: '30px', letterSpacing: '-0.6px', fontWeight: 'bold' },
      ],
      'heading-2': [
        '20px',
        { lineHeight: '28px', letterSpacing: '-0.6px', fontWeight: 'bold' },
      ],

      'headline-1': [
        '18px',
        { lineHeight: '26px', letterSpacing: '-0.6px', fontWeight: 'bold' },
      ],
      'headline-2': [
        '18px',
        { lineHeight: '24px', letterSpacing: '-0.6px', fontWeight: '400' },
      ],
      'headline-3': [
        '17px',
        { lineHeight: '23px', letterSpacing: '-0.6px', fontWeight: '600' },
      ],

      'body-1': [
        '16px',
        { lineHeight: '24px', letterSpacing: '-0.6px', fontWeight: '600' },
      ],
      'body-1-long': [
        '16px',
        { lineHeight: '24px', letterSpacing: '-0.6px', fontWeight: '400' },
      ],
      'body-2': [
        '14px',
        { lineHeight: '22px', letterSpacing: '-0.6px', fontWeight: '600' },
      ],
      'body-2-long': [
        '14px',
        { lineHeight: '20px', letterSpacing: '-0.6px', fontWeight: '400' },
      ],

      'caption-1': [
        '12px',
        { lineHeight: '16px', letterSpacing: '-0.8px', fontWeight: '400' },
      ],
      'caption-2': [
        '11px',
        { lineHeight: '15px', letterSpacing: '-0.6px', fontWeight: '400' },
      ],

      'label-1': [
        '16px',
        { lineHeight: '20px', letterSpacing: '-0.6px', fontWeight: 'bold' },
      ],
      'label-2': [
        '14px',
        { lineHeight: '18px', letterSpacing: '-0.6px', fontWeight: 'bold' },
      ],
      'label-3': [
        '13px',
        { lineHeight: '16px', letterSpacing: '-0.6px', fontWeight: 'bold' },
      ],
      'label-4': [
        '12px',
        { lineHeight: '14px', letterSpacing: '-0.6px', fontWeight: 'bold' },
      ],
    },
  },
};