Mr.Grocery/tailwind.config.js at main · Jasonp1992/Mr.Grocery · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  purge: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      backgroundImage: {
        "search-image":
          "linear-gradient(183deg, rgba(166,166,166,0.8057598039215687) 100%, rgba(166,166,166,1) 100%), url('/img/blackberries.jpg')",
      },
      colors: {
        "slick-gray": "#1E1F23",
        "pretty-blue": "#29ABC8",
        "off-blue": "#D8FFFD",
      },
      spacing: {
        701: "700px",
        500: "500px",
        550: "550px",
      },
      maxWidth: {
        300: "300px",
        400: "400px",
        560: "360px",
      },
      minWidth: {
        400: "400px",
      },
      fontFamily: {
        "indie-flower": ["Indie Flower"],
        "josefin-sans": ["Josefin Sans"],
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};