combinations-starter/tailwind.config.js at main · RadicalxChange/combinations-starter · 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
/** @type {import('tailwindcss').Config} */
export default {
  content: ["./*.hbs", "./**/*.hbs"],
  theme: {
    screens: {
      md: { raw: "(min-width: 640px)" },
      lg: { raw: "(min-width: 768px)" },
      xl: { raw: "(min-width: 900px)" },
      "base-landscape": {
        raw: "(max-width: 767px) and (orientation: landscape)",
      },
      "lg-tall": { raw: "(min-width: 768px) and (max-aspect-ratio: 2/1)" },
      touch: { raw: "(hover: none)" },
    },
    fontSize: {
      "size--4": ["var(--step--4)", "1.34"],
      "size--3": ["var(--step--3)", "1.34"],
      "size--2": ["var(--step--2)", "1.34"],
      "size--1": ["var(--step--1)", "1.34"],
      "size-0": ["var(--step-0)", "1.34"],
      "size-1": ["var(--step-1)", "1.34"],
      "size-2": ["var(--step-2)", "1.34"],
      "size-4": ["var(--step-4)", "1.34"],
      "size-display": ["clamp(50px, 7vw, 80px)", "0.98"],
      "size-lg/display": ["clamp(80px, 12vw, 110px)", "0.98"],
      "size-xl/display": ["clamp(80px, 9vw, 125px)", "1.15"],
      "size-donate": ["clamp(56px, 3.89vw, 72px)", "0.98"],
    },
    fontFamily: {
      display: ["Messer", "san-serif"],
      body: ["Suisse Intl", "sans-serif"],
    },
    colors: {
      "frosting-cream": "#fffbed",
      black: "#000000",
      "light-black": "#010101",
      white: "#FFFFFF",
      gray: "#6C6C6C",
      transparent: "transparent",
      current: "currentColor",
    },
    extend: {},
  },
  plugins: [
    require('@tailwindcss/typography')
  ],
}