Optimize code

Author: moyus

scss/layouts/_level.scss

@@ -8,6 +8,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  flex-wrap: nowrap;
 
   &.is-top {
     align-items: flex-start;
@@ -22,30 +23,28 @@
   }
 
   > .l-level__item {
-    flex: 1;
+    flex: 1 1 0%;
     text-align: center;
   }
 }
 
 // elements
+.l-level__item {
+
+}
+
 .l-level__left,
+.l-level__center,
 .l-level__right {
   display: flex;
   align-items: center;
-
-  &.is-shrink {
-    flex-shrink: 1;
-    min-width: 0;
-  }
-
   &.is-top {
     align-items: flex-start;
   }
 
   &.is-bottom {
     align-items: flex-end;
   }
-
   > .l-level__item:not(:last-child) {
     margin-right: $level-item-margin-x;
   }
@@ -59,6 +58,7 @@
 
 .l-level__center {
   order: 2;
+  justify-content: center;
 }
 
 .l-level__right {
@@ -67,6 +67,13 @@
   justify-content: flex-end;
 }
 
-.l-level__item {
-  
+.l-level__left,
+.l-level__right {
+  &.is-auto {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+  &.is-fixed {
+    flex: none;
+  }
 }

scss/mixins/_grid.scss

@@ -26,8 +26,8 @@
 @mixin make-container-max-widths() {
   @each $breakpoint, $container-max-width in $container-max-widths {
     @include media-breakpoint-up($breakpoint) {
-      width: $container-max-width;
-      max-width: 100%;
+      max-width: $container-max-width;
+      width: 100%;
     }
   }
 }