Update postcss config

wbbaker · Aug 9, 2022 · 79ea428 · 79ea428
1 parent 4477861
commit 79ea428
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 20 deletions.
diff --git a/postcss.config.js b/postcss.config.js
@@ -6,6 +6,7 @@ const {
 
 module.exports = {
   plugins: {
+    'tailwindcss/nesting': {},
     tailwindcss: { 
       config: fs.existsSync(userTailwindConfigPath) 
       ? userTailwindConfigPath

diff --git a/src/assets/css/leaflet.scss → src/assets/css/leaflet.css b/src/assets/css/leaflet.scss → src/assets/css/leaflet.css
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
@@ -0,0 +1,26 @@
+@import '@/assets/css/tailwind.css';
+@import 'leaflet/dist/leaflet.css';
+@import '@/assets/css/leaflet.css';
+@import '@/assets/css/webkit.css';
+
+* {
+  box-sizing: content-box;
+}
+
+body {
+  background-color: #f5f7fb;
+  @apply 
+    font-main
+    dark:bg-slate-900
+    dark:text-slate-400;
+}
+
+a {
+  @apply 
+    text-primary-500
+    hover:text-gray-900;
+}
+
+.dark {
+  color-scheme: dark;
+}
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
diff --git a/src/assets/css/webkit.scss → src/assets/css/webkit.css b/src/assets/css/webkit.scss → src/assets/css/webkit.css
diff --git a/src/main.js b/src/main.js
@@ -2,7 +2,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from '@/router/index.js'
 import globalComponents from '@/components/globalComponents'
-import '@/assets/css/main.scss'
+import '@/assets/css/main.css'
 
 
 const app = createApp(App)