neelkhare.com/tailwind.config.js at main · Szplugz/neelkhare.com · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      keyframes: {
        "fade-in": {
          "0%": { opacity: "0" },
          "100%": { opacity: "1" },
        },
      },
      animation: {
        "fade-in": "fade-in 1s cubic-bezier(0.4, 0, 0.2, 1) forwards",
      },
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
        "gradient-conic":
          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
      },
      boxShadow: {
        "inner-lg":
          "inset 0 10px 15px 3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
      },
    },
    fontFamily: {
      corrie: "LHF Corrie",
    },
    colors: {
      eggshell: "#FBF9F4",
      candy: "#9A4C5C",
      spruce: "#43392E",
      oak: "#4A2A00",
      gray: "#8B8B8B",
      starRed: "#D12D35",
      lightMud: "#93897E",
      mud: "#43392e",
      navy: "#003547",
      seaBlue: "#284b63",
      goldenMud: "#DED0C1",
      oatmilk: "#F2EFEA",
    },
  },
  plugins: [],
};