Nest .open navicon classes and comment out unused

Author: mmistakes

_sass/basically-basic/_navicons.scss

@@ -74,82 +74,80 @@
   top: 0 !important;
 }
 
-.open .navicon::before,
-.open .navicon::after {
-  transition-duration: $navicon-duration;
-}
-
-/* Minus */
 .open {
   -ms-transform: scale($navicon-toggled-size);
   transform: scale($navicon-toggled-size);
-}
 
-/* Arrows */
-.open.larr .navicon,
-.open.rarr .navicon,
-.open.uarr .navicon {
-
-  &::before,
-  &::after {
-    width: (0.6 * $navicon-width);
+  .navicon::before,
+  .navicon::after {
+    transition-duration: $navicon-duration;
   }
 
-  &::before {
-    -ms-transform: rotate(35deg);
-    transform: rotate(35deg);
-    -ms-transform-origin: left top;
-    transform-origin: left top;
-  }
+  /* Arrows */
+  &.larr .navicon,
+  &.rarr .navicon,
+  &.uarr .navicon {
 
-  &::after {
-    -ms-transform: rotate(-35deg);
-    transform: rotate(-35deg);
-    -ms-transform-origin: left bottom;
-    transform-origin: left bottom;
-  }
-}
-
-.open.uarr {
-  -ms-transform: scale($navicon-toggled-size) rotate(90deg);
-  transform: scale($navicon-toggled-size) rotate(90deg);
-}
+    &::before,
+    &::after {
+      width: (0.6 * $navicon-width);
+    }
 
-/* Arrows */
-.open.rarr .navicon {
+    &::before {
+      -ms-transform: rotate(35deg);
+      transform: rotate(35deg);
+      -ms-transform-origin: left top;
+      transform-origin: left top;
+    }
 
-  &::before {
-    transform: translate3d(1em, 0, 0) rotate(-35deg);
-    -ms-transform-origin: right top;
-    transform-origin: right top;
+    &::after {
+      -ms-transform: rotate(-35deg);
+      transform: rotate(-35deg);
+      -ms-transform-origin: left bottom;
+      transform-origin: left bottom;
+    }
   }
 
-  &::after {
-    transform: translate3d(1em, 0, 0) rotate(35deg);
-    -ms-transform-origin: right bottom;
-    transform-origin: right bottom;
+  &.uarr {
+    -ms-transform: scale($navicon-toggled-size) rotate(90deg);
+    transform: scale($navicon-toggled-size) rotate(90deg);
   }
-}
 
-/* × and + */
-.open.plus,
-.open.x {
-  .navicon {
-    background: transparent;
+  &.rarr .navicon {
 
     &::before {
-      -ms-transform: rotate(-45deg);
-      transform: rotate(-45deg);
+      transform: translate3d(1em, 0, 0) rotate(-35deg);
+      -ms-transform-origin: right top;
+      transform-origin: right top;
     }
 
     &::after {
-      -ms-transform: rotate(45deg);
-      transform: rotate(45deg);
+      transform: translate3d(1em, 0, 0) rotate(35deg);
+      -ms-transform-origin: right bottom;
+      transform-origin: right bottom;
     }
   }
-}
 
-.open.plus {
-  -ms-transform: scale($navicon-toggled-size) rotate(45deg);
-  transform: scale($navicon-toggled-size) rotate(45deg);
+  /* × and + */
+  // &.plus,
+  // &.x {
+  //   .navicon {
+  //     background: transparent;
+
+  //     &::before {
+  //       -ms-transform: rotate(-45deg);
+  //       transform: rotate(-45deg);
+  //     }
+
+  //     &::after {
+  //       -ms-transform: rotate(45deg);
+  //       transform: rotate(45deg);
+  //     }
+  //   }
+  // }
+
+  // &.plus {
+  //   -ms-transform: scale($navicon-toggled-size) rotate(45deg);
+  //   transform: scale($navicon-toggled-size) rotate(45deg);
+  // }
 }