style(element-plus): add custom global css to cover tailwindcss

YDKD · Apr 12, 2022 · 1795c3b · 1795c3b
1 parent ee09c66
commit 1795c3b
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/src/main.ts b/src/main.ts
@@ -5,12 +5,12 @@ import 'normalize.css'
 
 import '@purge-icons/generated'
 
-// import global css
-import '@/styles/index.less'
-
 import './assets/css/index.less'
 import './assets/css/tailwind.css'
 
+// import global css
+import '@/styles/index.less'
+
 import router from './router'
 import { setupStore } from './store'
 

diff --git a/src/styles/element-plus.css b/src/styles/element-plus.css
@@ -0,0 +1,3 @@
+.el-button {
+  background-color: var(--el-button-bg-color, var(--el-color-white));
+}
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -4,12 +4,12 @@ module.exports = {
     extend: {}
   },
   plugins: [
-    function ({ addBase }) {
-      addBase({
-        '.el-button': {
-          'background-color': 'var(--el-button-bg-color, var(--el-color-white))'
-        }
-      })
-    }
+    // function ({ addBase }) {
+    //   addBase({
+    //     '.el-button': {
+    //       'background-color': 'var(--el-button-bg-color, var(--el-color-white))'
+    //     }
+    //   })
+    // }
   ]
 }