From 79ea428ca3c7047b8041a327830c23d937c866f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Luis=20Pereira?= <pepelui@outlook.com>
Date: Tue, 9 Aug 2022 17:57:16 -0300
Subject: [PATCH] Update postcss config

---
 postcss.config.js                            |  1 +
 src/assets/css/{leaflet.scss => leaflet.css} |  0
 src/assets/css/main.css                      | 26 ++++++++++++++++++++
 src/assets/css/main.scss                     | 19 --------------
 src/assets/css/{webkit.scss => webkit.css}   |  0
 src/main.js                                  |  2 +-
 6 files changed, 28 insertions(+), 20 deletions(-)
 rename src/assets/css/{leaflet.scss => leaflet.css} (100%)
 create mode 100644 src/assets/css/main.css
 delete mode 100644 src/assets/css/main.scss
 rename src/assets/css/{webkit.scss => webkit.css} (100%)

diff --git a/postcss.config.js b/postcss.config.js
index d5fb4fa..d64814b 100644
--- 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 b/src/assets/css/leaflet.css
similarity index 100%
rename from src/assets/css/leaflet.scss
rename to src/assets/css/leaflet.css
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
new file mode 100644
index 0000000..5eb6aba
--- /dev/null
+++ 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
deleted file mode 100644
index 795771f..0000000
--- a/src/assets/css/main.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-@import '@/assets/css/tailwind.css';
-@import 'leaflet/dist/leaflet.css';
-@import '@/assets/css/leaflet.scss';
-@import '@/assets/css/webkit.scss';
-
-* {
-  box-sizing: content-box;
-}
-
-body {
-  background-color: #f5f7fb;
-  @apply font-main;
-  @apply dark:bg-slate-900;
-  @apply dark:text-slate-400;
-}
-
-.dark {
-  color-scheme: dark;
-}
diff --git a/src/assets/css/webkit.scss b/src/assets/css/webkit.css
similarity index 100%
rename from src/assets/css/webkit.scss
rename to src/assets/css/webkit.css
diff --git a/src/main.js b/src/main.js
index 0766223..2c7763e 100644
--- 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)