Initial commit: KHY Admin project

tailwind.config.js

@@ -0,0 +1,56 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./*.html", "./src/**/*.{html,js}", "./scripts/**/*.js"],
+  theme: {
+    screens: {
+      sm: "640px",
+      md: "768px",
+      lg: "1024px",
+      xl: "1280px",
+      "2xl": "1536px",
+    },
+    extend: {
+      fontFamily: {
+        montserrat: ["Montserrat", "sans-serif"],
+        playfair: ["Playfair Display", "serif"],
+      },
+      colors: {
+        white: "#FFFFFF",
+        "dark-charcoal": "#2F2F2F",
+        black: "#000000",
+        "uc-gold": "#B8873F",
+        "floral-white": "#FCF8F3",
+        axolotl: "#6F776B",
+        "dark-charcoal-ii": "#212121",
+        "eerie-black": "#1A1A1A",
+        "taupe-gray": "#888888",
+        "davys-grey": "#595959",
+        "granite-gray": "#666666",
+        "light-silver": "#D7D7D7",
+        "quick-silver": "#A0A0A0",
+        linen: "#FAF0E6",
+        "light-bg": "#F4F5F7",
+      },
+      spacing: {
+        396: "396px",
+        398: "398px",
+        420: "420px",
+        259: "259px",
+        649: "649px",
+        183: "183px",
+        150: "150px",
+        100: "100px",
+        120: "120px",
+        60: "240px",
+        180: "720px",
+        360: "1440px",
+      },
+      textShadow: {
+        default: "0 2px 4px rgba(0,0,0,0.1)",
+        lg: "2px 2px 4px rgba(0,0,0,0.3)",
+        xl: "4px 4px 8px rgba(0,0,0,0.4)",
+      },
+    },
+  },
+  plugins: [require("tailwindcss-textshadow")],
+};