add plugins for tailwindcss

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"
+}

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;