opinion-library/tailwind.config.js at main · michelebruno/opinion-library · 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
module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  mode: 'jit',
  theme: {
    extend: {
      screens: {
        reallyshort: {raw: '(max-height: 550px)'},
        short: {raw: '(max-height: 650px)'},
      },
      colors: {
        promask: '#3514FF',
        nomask: '#EA3C9A',
        light: '#CFFF58',
        'light-darker': '#B3E537',
        gray: '#A2A2A2',
      },
      fontSize: {
        base: ['0.9375rem', 1.3], // 15px
        lg: ['1.25rem', 1.15], // 20px
        xl: ['1.5625rem', 1.15], // 25
        '2xl': ['1.875rem', 1.15], // 30px
        '3xl': ['2.5rem', 1.15], // 40px
      },
      breakpoints: {
        '3xl': '1900px',
        '4xl': '2200px',
      },
    },
    fontFamily: {
      sans: 'Everett, sans',
      mono: [
        'Everett Mono',
        'ui-monospace',
        'SFMono-Regular',
        'Menlo',
        'Monaco',
        'Consolas',
        'Liberation Mono',
        'Courier New',
        'monospace',
      ],

      icon: ['Anicons Regular', 'sans-serif'],
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};