twitter-clone/tailwind.config.js at main · itsba2/twitter-clone · 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
module.exports = {
  content: ['./src/**/*.{js,jsx}'],
  theme: {
    fontSize: {
      '3xs': '.5rem',
      '2xs': '.625rem',
      xs: '.75rem',
      sm: '.875rem',
      tiny: '.875rem',
      base: '1rem',
      lg: '1.125rem',
      xl: '1.25rem',
      '2xl': '1.5rem',
      '3xl': '1.875rem',
      '4xl': '2.25rem',
      '5xl': '3rem',
      '6xl': '4rem',
      '7xl': '5rem',
    },
    borderWidth: {
      DEFAULT: '1px',
      0: '0',
      2: '2px',
      3: '3px',
      4: '4px',
      6: '6px',
      8: '8px',
    },
    extend: {
      width: {
        600: '600px',
      },
      colors: {
        primary: {
          base: 'rgb(29, 155, 240)',
          dark: 'rgb(26, 140, 216)',
          medium: 'rgb(225, 238, 246)',
          light: 'rgb(232, 245, 253)',
        },
        secondary: {
          black: 'rgb(15, 20, 25)',
          darkGray: 'rgb(83, 100, 113)',
          lightGray: 'rgb(170, 184, 194)',
          xLightGray: 'rgb(231, 231, 232)',
          xxLightGray: 'rgb(239, 243, 244)',
          white: 'rgb(255, 255, 255)',
          darkGreen: 'rgb(0, 186, 124)',
          lightGreen: 'rgb(222, 241, 235)',
          darkRose: 'rgb(249, 24, 128)',
          lightRose: 'rgb(247, 224, 235)',
        },
      },
    },
  },
  plugins: [],
};