easyvtu/tailwind.config.js at main · stanleyugwu/easyvtu · 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
const TwColors = {
  primary: '#0F035B',
  secondary: '#F2994A',
  blue: '#1D06AD',
  dark: '#020202',
  gray: '#676767',
  black: '#333333',
  white: '#FFFFFF',
  gray5: '#f1f1f1',
  gray4: '#dfdfdf',
};

// TODO: reduce and unify font sizes. Also reduce font line-heights
/**
 * We separate font sizes for different screen resoutions
 * sizes prefixed with `b` will be used for larger screen
 */
const TwFontSize = {
  title: '24',
  subTitle: '20',
  paragraph: '14',
  caption: '12',
  small: '10',
};

const config = {
  theme: {
    extend: {
      colors: TwColors,
      fontFamily: {
        muli: ['Muli', 'sans-serif'],
      },
      fontSize: TwFontSize,
      screens: {
        sm: '380px',
        md: '620px',
        lg: '720px',
      },
    },
  },
  plugins: [],
};

module.exports = config;