Remove some flexbox styles that were overly opinionated.

diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
index de4a74edfce8e850da6994bcd3de96c6e993461a..bfd75b03432e639b446cd98be6292a7bc40f9c0f 100644 (file)
--- a/scss/components/_menu.scss
+++ b/scss/components/_menu.scss
@@ -48,8 +48,6 @@ $menu-item-background-hover: $light-gray !default;
   @if $global-flexbox {
     display: flex;
     flex-wrap: nowrap;
-    align-items: center;
-    width: 100%;
   }
 
   li {
@@ -126,10 +124,7 @@ $menu-item-background-hover: $light-gray !default;
   @if $dir == horizontal {
     @if $global-flexbox {
       flex-wrap: nowrap;
-
-      li {
-        flex: 0 0 auto;
-      }
+      flex-direction: row;
     }
     @else {
       li {
@@ -140,16 +135,7 @@ $menu-item-background-hover: $light-gray !default;
   @else if $dir == vertical {
     @if $global-flexbox {
       flex-wrap: wrap;
-
-      li {
-        flex: 0 0 100%;
-        max-width: 100%;
-      }
-
-      a {
-        justify-content: flex-start;
-        align-items: flex-start;
-      }
+      flex-direction: column;
     }
     @else {
       li {