sub-menus can be closed and opened + divider added

src/styles/menu.scss

@@ -41,6 +41,19 @@ sib-router {
   display: flex;
   flex-direction: column;
 
+  .menu-wrapper {
+    &.is-closed {
+      .sub-menu {
+        display: none;
+      }
+    }
+  }
+
+  .divider {
+    height: 1px;
+    background-color: $color-grey-light3;
+  }
+
   .sub-menu {
     padding-left: 1.9em;
     div{
@@ -66,7 +79,7 @@ sib-router {
 
       .menu-icon:before {
         background-color: $color-purple-dark;
-        color: $color-yellow-light;
+        color: $color-white;
         // transform: perspective(1000px) translateZ(1px) scale(0.8);
       }
 

src/styles/variables.scss

@@ -3,6 +3,7 @@ $color-white: #fff;
 $color-black: #36383b;
 $color-grey: #898f95;
 $color-grey-mid: #abaaba;
+$color-grey-light3: hsla(59, 13%, 86%, 0.2);
 $color-grey-light2: #d8d8d8;
 $color-grey-light: #f0f3f6;
 $color-yellow: #ffb700;