feat: monorepo

tooling/tailwind/eslint.config.js

@@ -0,0 +1,3 @@
+import baseConfig from "@kan/eslint-config/base";
+
+export default [...baseConfig];

tooling/tailwind/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@kan/tailwind-config",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "exports": {
+    "./web": "./web.ts"
+  },
+  "license": "MIT",
+  "scripts": {
+    "clean": "git clean -xdf .cache .turbo node_modules",
+    "format": "prettier --check . --ignore-path ../../.gitignore",
+    "lint": "eslint",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@tailwindcss/forms": "^0.5.6",
+    "postcss": "^8.4.49",
+    "tailwind-scrollbar": "^3.0.5",
+    "tailwindcss": "catalog:"
+  },
+  "devDependencies": {
+    "@kan/eslint-config": "workspace:*",
+    "@kan/prettier-config": "workspace:*",
+    "@kan/tsconfig": "workspace:*",
+    "eslint": "catalog:",
+    "prettier": "catalog:",
+    "typescript": "catalog:"
+  },
+  "prettier": "@kan/prettier-config"
+}

tooling/tailwind/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "@kan/tsconfig/base.json",
+  "include": ["."],
+  "exclude": ["node_modules"]
+}

tooling/tailwind/web.ts

@@ -0,0 +1,62 @@
+import { type Config } from "tailwindcss";
+import forms from "@tailwindcss/forms";
+import scrollbar from "tailwind-scrollbar";
+
+export default {
+  content: ["./src/**/*.tsx"],
+  darkMode: "class",
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ["var(--font-plus-jakarta-sans), Plus Jakarta Sans"],
+      },
+      fontSize: {
+        sm: "0.8rem",
+      },
+      boxShadow: {
+        "3xl-dark": "0px 16px 70px rgba(0, 0, 0, 0.5)",
+        "3xl-light":
+          "rgba(0, 0, 0, 0.12) 0px 4px 30px, rgba(0, 0, 0, 0.04) 0px 3px 17px, rgba(0, 0, 0, 0.04) 0px 2px 8px, rgba(0, 0, 0, 0.04) 0px 1px 1px",
+      },
+      animation: {
+        "border-spin": "border-spin 4s linear infinite",
+      },
+      keyframes: {
+        "border-spin": {
+          from: { transform: "rotate(0deg)" },
+          to: { transform: "rotate(360deg)" },
+        },
+      },
+      colors: {
+        "dark-50": "#161616",
+        "dark-100": "#1c1c1c",
+        "dark-200": "#232323",
+        "dark-300": "#282828",
+        "dark-400": "#2e2e2e",
+        "dark-500": "#343434",
+        "dark-600": "#3e3e3e",
+        "dark-700": "#505050",
+        "dark-800": "#707070",
+        "dark-900": "#7e7e7e",
+        "dark-950": "#bbb",
+        "dark-1000": "#ededed",
+        "light-50": "hsl(0deg 0% 98.8%)",
+        "light-100": "hsl(0deg 0% 97.3%)",
+        "light-200": "hsl(0deg 0% 95.3%)",
+        "light-300": "hsl(0deg 0% 92.9%)",
+        "light-400": "hsl(0deg 0% 91%)",
+        "light-500": "hsl(0deg 0% 88.6%)",
+        "light-600": "hsl(0deg 0% 85.9%)",
+        "light-700": "hsl(0deg 0% 78%)",
+        "light-800": "hsl(0deg 0% 56.1%)",
+        "light-900": "hsl(0deg 0% 52.2%)",
+        "light-950": "hsl(0deg 0% 43.5%)",
+        "light-1000": "hsl(0deg 0% 9%)",
+      },
+      screens: {
+        xxl: "1600px",
+      },
+    },
+  },
+  plugins: [forms, scrollbar],
+} satisfies Config;