Boyscout _menu.scss

src/scss/cdb-components/_menu.scss

@@ -137,14 +137,17 @@
   position: relative;
   margin-bottom: 18px;
   border-bottom: 1px solid $cMainLine;
-}
-.CDB-NavMenu-inner--no-margin {
+
+  &--no-margin {
     margin-bottom: 0;
-}
-.CDB-NavMenu-inner--is-dropdown {
+  }
+
+  &--is-dropdown {
     padding: $baseSize 0 0 $baseSize * 2;
+  }
 }
 
+
 .CDB-NavMenu-link {
   display: block;
   margin-bottom: -1px;
@@ -179,18 +182,18 @@
 
 .CDB-NavSubmenu {
   border-bottom: 2px solid $cSecondaryLine;
-}
 
-.CDB-NavSubmenu--inside {
+  &--inside {
     position: absolute;
     right: 0;
     left: 0;
     padding-top: 14px;
-}
+  }
 
-.CDB-NavSubmenu--outside {
+  &--outside {
     margin-top: -5px;
     margin-bottom: 18px;
+  }
 }
 
 .CDB-NavSubmenu-link {
@@ -207,6 +210,7 @@
   }
 }
 
+
 .CDB-NavSubmenu-item.is-selected .CDB-NavSubmenu-link {
   border-bottom: 2px solid $cMainLine;
   color: $cMainText;