E-learning/tailwind.config.js at main · Macneyste/E-learning · 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
/** @type {import("tailwindcss").Config} */
export default {
  darkMode: "class",
  content: ["./index.html", "./src/**/*.{js,jsx}"],
  theme: {
    extend: {
      borderRadius: {
        premium: "16px",
      },
      fontFamily: {
        sans: ["Inter", "sans-serif"],
        display: ["Poppins", "sans-serif"],
      },
      boxShadow: {
        premium: "0 10px 35px rgba(15, 23, 42, 0.14)",
        glow: "0 0 0 1px rgba(34, 197, 94, 0.45), 0 10px 30px rgba(34, 197, 94, 0.15)",
      },
      backgroundImage: {
        "hero-gradient": "radial-gradient(circle at 15% 20%, rgba(34,197,94,0.18), transparent 38%), radial-gradient(circle at 85% 10%, rgba(14,165,233,0.2), transparent 42%), linear-gradient(145deg, #f8fafc, #eef3fb)",
        "hero-gradient-dark": "radial-gradient(circle at 15% 20%, rgba(34,197,94,0.22), transparent 38%), radial-gradient(circle at 85% 10%, rgba(14,165,233,0.25), transparent 42%), linear-gradient(145deg, #0b1120, #111d35)",
      },
    },
  },
  plugins: [],
};