supernoodle-prototype/tailwind.config.js at main · Upstatement/supernoodle-prototype · 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
const plugin = require("tailwindcss/plugin");

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{ts,tsx}"],
  theme: {
    extend: {
      fontFamily: {
        display: ["degular-display", "sans-serif"],
        sans: ["degular", "sans-serif"],
        rounded: ["Gotham Rounded", "sans-serif"],
      },
      animation: {
        "spin-slow": "spin 3s linear infinite",
      },
      colors: {
        mint: "#00CF91",
        red: {
          DEFAULT: "#FC125F",
          dark: "#850A45",
        },
        purple: {
          light: "#E6D9FF",
          DEFAULT: "#5D15E3",
          dark: "#310F6A",
          darker: "#1B014C",
        },
        orange: "#FFB81C",
        yellow: "#FFE700",
        blue: "#147BD1",
      },
    },
  },
  plugins: [
    plugin(({ addVariant }) => {
      addVariant("hocus", ["&:hover", "&:focus"]);
      addVariant("group-hocus", [
        ":merge(.group):hover &",
        ":merge(.group):focus &",
      ]);
    }),
  ],
};