Clean up Styling

onlylegs/static/sass/components/navigation.sass

@@ -1,36 +1,20 @@
-.navigation
-    margin: 0
-    padding: 0
-
+nav
     width: 3.5rem
     height: 100%
     height: 100dvh
 
     display: flex
     flex-direction: column
-    justify-content: space-between
 
     position: fixed
     top: 0
     left: 0
 
-    background-color: RGB($bg-100)
-    color: RGB($fg-white)
+    background-color: transparent
+    color: inherit
 
     z-index: 69
 
-    .logo
-        margin: 0
-        padding: 0
-
-        width: 3.5rem
-        height: 3.5rem
-        min-height: 3.5rem
-
-        display: flex
-        flex-direction: row
-        align-items: center
-
 .navigation-spacer
     height: 100%
 
@@ -50,6 +34,7 @@
     align-items: center
 
     background-color: transparent
+    color: inherit
     border: none
 
     text-decoration: none
@@ -58,7 +43,7 @@
         padding: 0.5rem
         font-size: 1.3rem
         border-radius: $rad-inner
-        color: RGB($fg-white)
+        color: inherit
 
     > .nav-pfp
         padding: 0.4rem
@@ -115,25 +100,22 @@
             left: 3.9rem
 
     &.selected
-        > i
-            color: RGB($primary)
-
         &::before
             content: ''
             display: block
 
             position: absolute
             top: 3px
-            left: 0
+            left: 3px
 
             width: 3px
             height: calc(100% - 6px)
 
-            background-color: RGB($primary)
+            background-color: currentColor
             border-radius: $rad-inner
 
 @media (max-width: $breakpoint)
-    .navigation
+    nav
         width: 100vw
         height: 3.5rem
     
@@ -145,6 +127,8 @@
         bottom: 0
         left: 0
 
+        background-color: RGB($background)
+
         > span
             display: none