Added more nests

Author: code-n-chill

webpack/sass/main.scss

@@ -31,15 +31,18 @@ h2 {
   padding-bottom: 3rem;
 }
 
-.main-header .navbar-brand {
-  margin-right: 2rem;
-  img {
-    width: 250px;
-  }
-  .legend {
-    display: block;
-    font-size: .9rem;
-    letter-spacing: .15rem;
+.main-header {
+  background-color: $brand-theme;
+  .navbar-brand {
+    margin-right: 2rem;
+    img {
+      width: 250px;
+    }
+    .legend {
+      display: block;
+      font-size: .9rem;
+      letter-spacing: .15rem;
+    }
   }
 }
 
@@ -52,10 +55,6 @@ h2 {
   column-count: 2;
 }
 
-.main-header {
-  background-color: $brand-theme;
-}
-
 .navbar {
   background: {
     image: linear-gradient(90deg, $brand-theme, $brand-theme-light , $brand-theme);
@@ -117,37 +116,52 @@ h2 {
   text-align: center;
 }
 
-.dropdown:hover .dropdown-menu {
-  display: block;
+.dropdown:hover {
+  &:hover {
+    .dropdown-menu {
+      display: block;
+    }
+  }
 }
 
 .dropdown-menu {
   margin-top: 0px;
 }
 
-.nav-item:hover {
-  background: $brand-theme-dark !important;
-}
-
 .navbar-dark {
-  .navbar-nav .nav-item .nav-link {
-    color: $white;
-    line-height: 1rem;
-    border-left: 1px solid $grey;
+  .navbar-nav {
+    .nav-item.active{
+      .nav-link {
+        background: $brand-theme-dark !important;
+      }
+    }
+    .nav-item {
+      &:hover{
+        background: $brand-theme-dark !important;
+      }
+      .nav-link {
+        color: $white;
+        line-height: 1rem;
+        border-left: 1px solid $grey;
+      }
+    }
   }
   .navbar-toggler {
     border-color: $white;
   }
-  .navbar-nav .nav-item.active .nav-link {
-    background: $brand-theme-dark !important;
-  }
 }
 
 @media only screen and (max-width: 1200px) {
-  .navbar-dark .navbar-nav .nav-item .nav-link {
-    border: None;
-    text-align: center;
-  }
+  .navbar-dark{
+    .navbar-nav {
+      .nav-item {
+        .nav-link {
+          border: None;
+          text-align: center;
+        } 
+      }  
+    }
+  } 
 }
 
 .toc-card {
@@ -161,10 +175,12 @@ h2 {
   margin-bottom: 0;
 }
 
-.main-footer .footer small {
-  display: flex;
-  align-items: center;
-  .text-muted {
-    margin-left: 2rem;
+.main-footer {
+  .footer small {
+    .text-muted {
+      margin-left: 2rem;
+    }
+    display: flex;
+    align-items: center;
   }
-}
+}