feat: 增加 tailwind 配置

wjgogogo · Nov 4, 2024 · fa1997f · fa1997f
1 parent 52b20fb
commit fa1997f
Show file tree

Hide file tree

Showing 7 changed files with 669 additions and 51 deletions.
diff --git a/packages/rspress-site/.prettierrc b/packages/rspress-site/.prettierrc
@@ -0,0 +1,3 @@
+{
+  "plugins": ["prettier-plugin-tailwindcss"]
+}
diff --git a/packages/rspress-site/README.md b/packages/rspress-site/README.md
@@ -1,26 +1,10 @@
-#react
-
-
-直接使用 19-rc 版本
-```bash
-gcl https://github.com/facebook/react.git src/react 
-```
-
-
-## Debug
-
-- Standardalone 直接启动
-- build source map -> 光
-- Kasong
-- Vite (create-react-app -> eject -> 修改配置)
-- Principal -> ignore dev validate
-
 
 ## Catalogue
 - 准则
+  - Principal -> ignore dev validate
 - 架构预览
-- How to debug & use repo?
-- What's jsx? -> babel playground
+- [x] How to debug & use repo?
+- [x] What's jsx? -> babel playground
 - Open source
   - check and warning
 - Workflow

diff --git a/packages/rspress-site/package.json b/packages/rspress-site/package.json
@@ -8,12 +8,17 @@
     "preview": "rspress preview"
   },
   "dependencies": {
-    "rspress": "^1.35.2"
+    "clsx": "^2.1.1",
+    "rspress": "^1.35.2",
+    "tailwind-merge": "^2.5.4",
+    "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
     "@rspress/plugin-playground": "^1.35.2",
     "@rspress/plugin-preview": "^1.35.2",
     "@rspress/plugin-shiki": "^1.35.2",
-    "@types/node": "^16.18.115"
+    "@types/node": "^16.18.115",
+    "prettier-plugin-tailwindcss": "^0.6.8",
+    "tailwindcss": "^3.4.14"
   }
 }
diff --git a/packages/rspress-site/postcss.config.js b/packages/rspress-site/postcss.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+  },
+};
diff --git a/packages/rspress-site/tailwind.config.js b/packages/rspress-site/tailwind.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+  content: ["./components/**/*.tsx", "./docs/**/*.mdx"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
diff --git a/packages/rspress-site/theme/style.css b/packages/rspress-site/theme/style.css
@@ -1,4 +1,10 @@
-[class^="social-links-icon"] > div {
-  height: 200px;
-  width: 200px;
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+
+@layer base {
+  [class^="social-links-icon"] > div {
+    height: 200px;
+    width: 200px;
+  }
 }