From e4eb93c1806f6264a29f07bf04753375ce545758 Mon Sep 17 00:00:00 2001
From: vaporvee <yannik@vaporvee.com>
Date: Thu, 1 Feb 2024 13:32:21 +0100
Subject: [PATCH] improved scss notation

---
 src/styles/home.scss   | 46 ++++++++++++++---------------
 src/styles/main.scss   |  8 ++---
 src/styles/navbar.scss | 66 ++++++++++++++++++++++--------------------
 3 files changed, 59 insertions(+), 61 deletions(-)

diff --git a/src/styles/home.scss b/src/styles/home.scss
index 392610e..cec482c 100644
--- a/src/styles/home.scss
+++ b/src/styles/home.scss
@@ -1,32 +1,32 @@
 main {
     background-image: url("/diagonal_lines_home.png");
     padding-inline: 10vw;
-}
 
-.home-main-box {
-    padding-block: 7vh;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
+    .home-main-box {
+        padding-block: 7vh;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
 
-.home-title {
-    margin: 0;
-    color: #FFF;
-    font-family: "Tanker-Regular";
-}
+        .home-title-box {
+            justify-self: flex-start;
+            margin-right: 5vw;
 
-.home-title-box {
-    justify-self: flex-start;
-    margin-right: 5vw;
-}
+            .home-title {
+                margin: 0;
+                color: #FFF;
+                font-family: "Tanker-Regular";
+            }
 
-.content {
-    justify-self: flex-end;
-    margin: 0;
-    max-width: 450px;
-}
+            .using-engines {
+                width: 21vw;
+            }
+        }
+    }
 
-.using-engines {
-    width: 21vw;
+    .content {
+        justify-self: flex-end;
+        margin: 0;
+        max-width: 450px;
+    }
 }
\ No newline at end of file
diff --git a/src/styles/main.scss b/src/styles/main.scss
index cb99914..d590fac 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -29,10 +29,6 @@ b {
     color: $accent;
 }
 
-.content {
-    a {
-        color: $link;
-        text-decoration: underline;
-        margin: 0;
-    }
+a {
+    color: $link;
 }
\ No newline at end of file
diff --git a/src/styles/navbar.scss b/src/styles/navbar.scss
index 83dae01..114fd8a 100644
--- a/src/styles/navbar.scss
+++ b/src/styles/navbar.scss
@@ -1,18 +1,3 @@
-nav {
-    justify-self: flex-start;
-    display: inline-flex;
-}
-
-.navbar-entry {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.highlighter {
-    margin-top: -10px;
-}
-
 header {
     padding-top: 2.5vh;
     padding-bottom: 2.5vh;
@@ -20,25 +5,42 @@ header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-}
 
-.logo {
-    margin-right: 2.5vw;
-    width: 40px;
-}
+    .logo {
+        margin-right: 2.5vw;
+        width: 40px;
+    }
 
-a {
-    color: white;
-    text-decoration: none;
-    text-align: center;
-    margin-inline: 0.9vw;
-}
+    nav {
+        justify-self: flex-start;
+        display: inline-flex;
 
-.active {
-    font-family: "Satoshi-Bold";
-    color: #7eca9c;
-}
+        .navbar-entry {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
 
-.social {
-    width: 22px;
+            a {
+                color: white;
+                text-decoration: none;
+                text-align: center;
+                margin-inline: .9vw;
+            }
+
+            .active {
+                font-family: "Satoshi-Bold";
+                color: #7eca9c;
+            }
+
+            .highlighter {
+                margin-top: -10px;
+            }
+        }
+
+    }
+
+    .social {
+        width: 22px;
+        margin-inline: .5vw;
+    }
 }
\ No newline at end of file