table-planner/tailwind.config.js at dev · prototypsthlm/table-planner · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./app/**/*.{ts,tsx,jsx,js}'],
  theme: {
    extend: {
      colors: {
        mainColor: '#EA623B',
        grey: '#F9FAFB',
        lightGrey: '#EEEEEE',
        formGrey: '#E3E3E3',
        mediumGrey: '#ABABAB',
        pistachio: '#8DC087',
        pistachioHover: '#A6CEA1',
        lightCoral: '#DF7168',
        lightCoralHover: '#E69189',
        smokeyBlack: '#0F0A0A',
        richBlack: '#111827',
        pictonBlue: '#44A4DC',
        pictonBlueHover: '#5BB8EF',
        pumpkinOrange: '#FF731D',
        gold: '#FFD700',
        mauve: '#E0B0FF',
      },
      boxShadow: {
        'grid-list': '0px 0px 21px rgba(0, 0, 0, 0.13)',
        'edit-modal': '0px 0px 10px rgba(0, 0, 0, 0.5)',
        'guest-card': '1px 1px 2px rgba(0, 0, 0, 0.2)',
      },
      padding: {
        18: '73px',
      },
      minWidth: {
        '97px': '97px',
      },
      backgroundImage: {
        'pink-radial-gradient':
          'radial-gradient(106.27% 1858% at 56.17% 53.69%, rgba(233, 95, 50, 0.26) 0%, rgba(232, 63, 125, 0.26) 85.69%)',
      },
      height: {
        108: '27rem',
      },
      borderWidth: {
        5: '5px',
      },
    },
    fontFamily: {
      inter: 'Inter',
    },
    plugins: [require('@tailwindcss/forms')],
  },
}