marathon/tailwind.config.js at main · Dullat/marathon · 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: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    fontFamily: {
      sans: "roboto",
    },
    extend: {
      gridTemplateRows: {
        hero: "auto 1fr auto",
      },
      gridTemplateColumns: {
        flavourGrid: "repeat(auto-fit, minmax(0, 1fr))",
      },
      animation: {
        marquee: "slide 20s linear infinite",
        marquee2: "slide2 20s linear infinite",
      },
      keyframes: {
        slide: {
          "0%": { transform: "translateX(0%)" },
          "50%": { transform: "translateX(-100%)" },
          "100%": { transform: "translateX(-100%)" },
        },
        slide2: {
          "0%": { transform: "translateX(0%)" },
          "50%": { transform: "translateX(0%)" },
          "100%": { transform: "translateX(-100%)" },
        },
      },
    },
    screens: {
      "2xl": { max: "1535px" },

      xl: { max: "1200px" },

      lg: { max: "1023px" },

      md: { max: "767px" },

      sm: { max: "639px" },

      xsm: { max: "460px" },
    },
  },
  plugins: [],
}