haven-frontend/tailwind.config.js at main · EnterpriseGoose/haven-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

module.exports = {
  purge: false,
  darkMode: false,
  theme: {
    extend: {
      colors: {
        light: {
          100: "#EBEBEB",
          200: "#CECECE",
          300: "#B4B4B4",
          400: "#9E9E9E"
        },
        dark: {
          100: "#0F2A45",
          200: "#092038",
          300: "#06182C"
        }
      },
      screens: {
        "xl": "1440px",
        "2xl": "1920px"
      },
      fontSize: {
        "10xl": ["11rem", "1"]
      },
      width: {
        "card-target-large": "28rem"
      },
      height: {
        "footer": "25rem",
        "sm-section": "35rem",
        "section": "60rem",
        "card-target": "30rem",
        "card-target-large": "36rem"
      },
      borderRadius: {
        'none': '0',
        'hs': '3px',
        'hm': '6px',
        'hl': '9px',
        'hxl': '12px',
        'h2xl': '15px',
        'h3xl': '18px',
        'h4xl': '21px',
        'h5xl': '24px',
        'h6xl': '27px',
        'h4xl': '30px',
        'h5xl': '33px',
        'h6xl': '36px'
      },
      scale: {
        "103": "1.03"
      }
    }
  },
  variants: {
    extend: {},
  },
  plugins: [],
}