From 9e3214051d203db8f3578a0c0ada82d2ed94872a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 6 Feb 2016 01:47:04 -0800 Subject: [PATCH] add horizontal flex utils --- scss/utilities/_flex.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/scss/utilities/_flex.scss b/scss/utilities/_flex.scss index c22e0114f0..194e85094f 100644 --- 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; } + } } } -- 2.47.2