chore: monorepo

packages/tailwindcss/package.json

@@ -0,0 +1,21 @@
+{
+	"name": "@lume/tailwindcss",
+	"version": "0.0.0",
+	"private": true,
+	"license": "MIT",
+	"publishConfig": {
+		"access": "public"
+	},
+	"exports": {
+		".": "./tailwind.config.js"
+	},
+	"devDependencies": {
+		"@tailwindcss/forms": "^0.5.7",
+		"@tailwindcss/typography": "^0.5.10",
+		"tailwind-scrollbar": "^3.0.5",
+		"tailwindcss": "^3.4.0"
+	},
+	"dependencies": {
+		"@evilmartians/harmony": "^1.2.0"
+	}
+}

packages/tailwindcss/tailwind.config.js

@@ -0,0 +1,53 @@
+import harmonyPalette from "@evilmartians/harmony/tailwind";
+
+const config = {
+	theme: {
+		colors: harmonyPalette,
+		extend: {
+			keyframes: {
+				slideDownAndFade: {
+					from: { opacity: 0, transform: "translateY(-2px)" },
+					to: { opacity: 1, transform: "translateY(0)" },
+				},
+				slideLeftAndFade: {
+					from: { opacity: 0, transform: "translateX(2px)" },
+					to: { opacity: 1, transform: "translateX(0)" },
+				},
+				slideUpAndFade: {
+					from: { opacity: 0, transform: "translateY(2px)" },
+					to: { opacity: 1, transform: "translateY(0)" },
+				},
+				slideRightAndFade: {
+					from: { opacity: 0, transform: "translateX(-2px)" },
+					to: { opacity: 1, transform: "translateX(0)" },
+				},
+				overlayShow: {
+					from: { opacity: 0 },
+					to: { opacity: 1 },
+				},
+				contentShow: {
+					from: { opacity: 0, transform: "translate(-50%, -48%) scale(0.96)" },
+					to: { opacity: 1, transform: "translate(-50%, -50%) scale(1)" },
+				},
+			},
+			animation: {
+				slideDownAndFade:
+					"slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
+				slideLeftAndFade:
+					"slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
+				slideUpAndFade: "slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
+				slideRightAndFade:
+					"slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
+				overlayShow: "overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+				contentShow: "contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+			},
+		},
+	},
+	plugins: [
+		require("@tailwindcss/forms"),
+		require("@tailwindcss/typography"),
+		require("tailwind-scrollbar")({ nocompatible: true }),
+	],
+};
+
+export default config;