From 6f6d64b06574609f5b468f2011d2c21600261419 Mon Sep 17 00:00:00 2001
From: xion <xiongxiao1012@outlook.com>
Date: Sat, 28 Sep 2024 02:57:13 +0800
Subject: [PATCH] add plugins for tailwindcss

---
 packages/tailwind/package.json    | 15 +++++++++++++++
 packages/tailwind/plugins/flex.js | 26 ++++++++++++++++++++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 packages/tailwind/package.json
 create mode 100644 packages/tailwind/plugins/flex.js

diff --git a/packages/tailwind/package.json b/packages/tailwind/package.json
new file mode 100644
index 0000000..2db898d
--- /dev/null
+++ b/packages/tailwind/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "@kevisual/tailwind",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "files": [
+    "plugins"
+  ],
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}
\ No newline at end of file
diff --git a/packages/tailwind/plugins/flex.js b/packages/tailwind/plugins/flex.js
new file mode 100644
index 0000000..168657a
--- /dev/null
+++ b/packages/tailwind/plugins/flex.js
@@ -0,0 +1,26 @@
+const plugin = require('tailwindcss/plugin');
+
+const flexCenterBaseStyles = {
+  display: 'flex',
+  'justify-content': 'center',
+  'align-items': 'center',
+};
+
+/** flex 居中 */
+const flexCenter = plugin(function ({ addUtilities }) {
+  addUtilities({
+    /** flex 居中 */
+    '.flex-row-center': flexCenterBaseStyles,
+    '.flex-col-center': { ...flexCenterBaseStyles, 'flex-direction': 'column' },
+    '.layout-menu': {},
+    '.scrollbar': {},
+    '.card': {},
+    '.card-title': {},
+    '.card-subtitle': {},
+    '.card-body': {},
+    '.card-footer': {},
+    '.card-key': {},
+  });
+});
+
+module.exports = flexCenter;