governance-dapp/tailwind.config.js at development · DistributedCollective/governance-dapp · 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
module.exports = {
  purge: ['src/**/*.ts', 'src/**/*.tsx', 'public/**/*.html'],
  future: {
    purgeLayersByDefault: true,
  },
  theme: {
    screens: {
      sm: '100%',
      md: '768px',
      lg: '992px',
      xl: '1200px',
    },
    fontFamily: {
      montserrat: ['Montserrat', 'sans-serif'],
      worksans: ['Work Sans', 'sans-serif'],
    },
    fontSize: {
      xs: '.75rem',
      sm: '.875rem',
      tiny: '.875rem',
      base: '1rem',
      lg: '1.125rem',
      xl: '1.25rem',
      '2xl': '1.5rem',
      '3xl': '1.875rem',
      '4xl': '2.25rem',
      '4-5xl': '2.5rem',
      '5xl': '3rem',
      '6xl': '4rem',
      '7xl': '5rem',
    },
    container: {
      center: true,
      padding: '1.875rem',
      screens: {
        sm: '100%',
        md: { min: '1920px' },
      },
    },
    opacity: {
      '0': '0',
      '10': '.1',
      '20': '.2',
      '30': '.3',
      '40': '.4',
      '50': '.5',
      '60': '.6',
      '70': '.7',
      '80': '.8',
      '90': '.9',
      '100': '1',
    },
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      gray: {
        100: '#1f1f1f',
        200: '#2F2F2F',
        300: '#EDEDED',
        600: '#F4F4F4',
        700: '#191919',
        800: '#282828',
        900: '#686868',
        dark: '#707070',
        light: '#181818',
        lighter: '#161616',
      },
      gold: '#FEC004',
      white: 'white',
      black: 'black',
      turquoise: '#4ECDC4',
      red: '#CD4E4E',
      theme: {
        white: '#E9EAE9',
        blue: '#2274A5',
      },
    },
    extend: {
      minHeight: {
        header: '70px',
      },
    },
  },
  variants: {
    opacity: ['responsive', 'hover'],
  },
  plugins: [require('tailwindcss')],
};