frontend/tailwind.config.js at main · seebruecke-org/frontend · 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
module.exports = {
  content: [
    './components/**/*.{js,ts,jsx,tsx}',
    './pages/**/*.{js,ts,jsx,tsx}'
  ],
  theme: {
    colors: {
      gray: {
        100: '#FAFAFA',
        200: '#E9E9E9',
        300: '#D7D7D7',
        400: '#ADADAD',
        500: '#828282',
        600: '#585858',
        700: '#3E3E3E',
        800: '#2D2D2D'
      },

      orange: {
        200: '#F5B511',
        800: '#F55511',
        900: '#D90202'
      },

      turquoise: {
        300: '#45EEBF'
      },

      white: '#FFFFFF',

      black: '#000000'
    },

    fontFamily: {
      brezel: ['Brezel'],
      rubik: ['Rubik']
    },

    fontSize: {
      '5xl': '8.1rem', // 81
      '4xl': '7.2rem', // 72
      '3xl': '6.1rem', // 61
      '2xl': '5rem', // 50
      xl: '4rem', // 40
      large: '3.2rem', // 32
      medium: '2.5rem', // 25
      base: '2rem', // 20
      small: '1.8rem', // 18
      xs: '1.6rem', // 16
      '2xs': '1.3rem', // 13
      '3xs': '1rem', // 10
      none: '0'
    },

    maxWidth: {
      0: '0rem',
      none: 'none',
      xs: '20rem',
      sm: '24rem',
      md: '28rem',
      lg: '32rem',
      xl: '36rem',
      '2xl': '42rem',
      '3xl': '48rem',
      '4xl': '56rem',
      '5xl': '64rem',
      '6xl': '72rem',
      '7xl': '80rem',
      full: '100%',

      wide: '120rem',
      regular: '85rem'
    }
  },
  variants: {
    extend: {}
  },
  plugins: []
};