website/tailwind.config.js at main · Project-OpenBytes/website · 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
module.exports = {
  purge: ['./src/**/*.{js,ts,jsx,tsx}'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        black: '#000',
        white: '#fff',
        primary: {
          100: '#04396C',
          200: '#25468F',
          300: '#05386B',
        },
        secondary: {
          100: '#1665FF',
          200: '#5FBCFF',
        },
        danger: {
          100: '#E63030',
        },
        gray: {
          100: '#6D7278',
          200: '#D8D8D8',
          300: '#FBFBFB',
        },
      },
      fontWeight: {
        regular: '400',
        medium: '600',
        semibold: '700',
        bold: '800',
      },
      fontSize: {
        10: ['10px', '16px'],
        '10-1': ['10px', '1'],
        12: ['12px', '20px'],
        '12-1': ['12px', '1'],
        14: ['14px', '24px'],
        '14-1': ['14px', '1'],
        16: ['16px', '28px'],
        '16-1': ['16px', '1'],
        '16-24': ['16px', '24px'],
        18: ['18px', '32px'],
        '18-1': ['18px', '1'],
        '18-24': ['18px', '24px'],
        '18-25': ['18px', '25px'],
        20: ['20px', '36px'],
        '20-1': ['20px', '1'],
        '20-32': ['20px', '32px'],
        24: ['24px', '44px'],
        '24-1': ['24px', '1'],
        28: ['28px', '48px'],
        '28-1': ['28px', '1'],
        30: ['30px', '48px'],
        32: ['32px', '50px'],
        '32-1': ['32px', '1'],
        36: ['36px', '56px'],
        '36-1': ['36px', '1'],
        '36-54': ['36px', '54px'],
        44: ['44px', '64px'],
        '44-1': ['44px', '1'],
        '44-60': ['44px', '60px'],
        52: ['52px', '72px'],
        '52-1': ['52px', '1'],
        54: ['54px', '72px'],
        '54-1': ['54px', '1'],
        60: ['60px', '82px'],
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
  corePlugins: {
    preflight: false,
  },
};