Adding flex utilities for grow, order, and width

src/utilities/flexbox.scss

@@ -48,5 +48,11 @@
       flex-grow: 1;
       flex-basis: 0;
     }
+
+    .flex#{$variant}-grow-0 { flex-grow: 0 !important; }
+
+    .flex#{$variant}-order-none { order: inherit !important; }
+    .flex#{$variant}-order-1 { order: 1 !important; }
+    .flex#{$variant}-order-2 { order: 2 !important; }
   }
 }

src/utilities/layout.scss

@@ -82,6 +82,11 @@
 
 @each $breakpoint, $variant in $responsive-variants {
   @include breakpoint($breakpoint) {
+
+
+    // Auto varients
+    .width#{$variant}-auto { width: auto !important; }
+
     /* Set the direction to rtl */
     .direction#{$variant}-rtl { direction: rtl !important; }
     /* Set the direction to ltr */