arcana/tailwind.config.js at main · COMPFEST/arcana · 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
const color = require('color');
const colors = require('tailwindcss/colors');

module.exports = {
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      maxHeight: {
        hero: '35vh',
      },
      inset: {
        'screen/2': '50vh',
        'screen/3': 'calc(100vh / 3)',
        'screen/4': 'calc(100vh / 4)',
        'screen/5': 'calc(100vh / 5)',
        'screen/6': 'calc(100vh / 6)',
        'screen-60': '60vw',
        'screen-55': '55vw',
      },
      height: {
        'screen/2': '50vh',
        'screen/3': 'calc(100vh / 3)',
        'screen/4': 'calc(100vh / 4)',
        'screen/5': 'calc(100vh / 5)',
        'screen/6': 'calc(100vh / 6)',
        'screen-90': '90vh',
        'screen-80': '80vh',
        'screen-70': '70vh',
        'screen-60': '60vh',
        'screen-55': '55vh',
      },
      width: {
        'screen/2': '50vw',
        'screen/3': 'calc(100vw / 3)',
        'screen/4': 'calc(100vw / 4)',
        'screen/5': 'calc(100vw / 5)',
        'screen/6': 'calc(100vw / 6)',
        'screen-90': '90vw',
        'screen-80': '80vw',
        'screen-70': '70vw',
        'screen-60': '60vw',
        'screen-55': '55vw',
      },
      fontSize: {
        '6xl': '3.5rem',
      },
      colors: {
        red: colors.rose,
        success: '#0CA788',
        error: '#FF2D55',
        blue: {
          lighter: color('#0266D3').lighten(0.2).hex(),
          DEFAULT: '#0266D3',
        },
        lightBlue: {
          DEFAULT: '#DCEDFE',
          lighter: '#F0F7FE',
        },
        purple: '#AF52DE',
        orange: {
          DEFAULT: '#FF9500',
          lighter: color('#FF9500').lighten(0.2).hex(),
        },
        yellow: '#FFCC00',
        violet: '#5856D6',
        black: {
          100: '#000000',
          80: '#333333',
          60: '#666666',
          40: '#999999',
          20: '#CCCCCC',
        },
        cfgray: '#999999',
        blueprimary: '#0266D3',
        bluesecondary: '#F0F7FE',
        bluetertiary: '#0266D3',
        rederror: '#E9202A',
        academypurple: '#5856D6',
        competitionorange: '#E68C00',
        bluepurple: '#7033F3',
      },
      fontFamily: {
        sans: [
          'Inter',
          'sans-serif',
          'Open Sans',
          'Helvetica Neue',
          'sans-serif',
        ],
        stretch: ['Stretch Pro', 'sans-serif'],
      },
      minWidth: {
        0: '0',
        '1/4': '25%',
        '1/3': '33%',
        '1/2': '50%',
        '3/4': '75%',
        full: '100%',
      },
      letterSpacing: {
        superwide: '.5em',
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};