From: Mark Otto Date: Sat, 6 Feb 2016 09:47:04 +0000 (-0800) Subject: add horizontal flex utils X-Git-Tag: v4.0.0-alpha.3~312^2~18 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=9e3214051d203db8f3578a0c0ada82d2ed94872a;p=thirdparty%2Fbootstrap.git add horizontal flex utils --- 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; } + } } }