add horizontal flex utils

diff --git a/scss/utilities/_flex.scss b/scss/utilities/_flex.scss
index c22e0114f05081c5ff2c94038b580b57d7e48e8e..194e85094fc98becad80bbd18e5f64aefd49f2a3 100644 (file)
--- a/scss/utilities/_flex.scss
+++ b/scss/utilities/_flex.scss
@@ -23,5 +23,14 @@
       .flex-#{$breakpoint}-middle { align-self: center; }
       .flex-#{$breakpoint}-bottom { align-self: flex-end; }
     }
+
+    // Horizontal alignment of item
+    @include media-breakpoint-up($breakpoint) {
+      .flex-items-#{$breakpoint}-left    { justify-content: flex-start; }
+      .flex-items-#{$breakpoint}-center  { justify-content: center; }
+      .flex-items-#{$breakpoint}-right   { justify-content: flex-end; }
+      .flex-items-#{$breakpoint}-around  { justify-content: space-around; }
+      .flex-items-#{$breakpoint}-between { justify-content: space-between; }
+    }
   }
 }