diff options
| author | Mark Otto <[email protected]> | 2016-02-06 01:47:04 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-02-06 01:47:04 -0800 |
| commit | 9e3214051d203db8f3578a0c0ada82d2ed94872a (patch) | |
| tree | c7a656b19cdce918b671797021c0041680664f09 | |
| parent | 5e41887c3cf2eb2c3f8969c477b38fe2585973be (diff) | |
| download | bootstrap-9e3214051d203db8f3578a0c0ada82d2ed94872a.tar.xz bootstrap-9e3214051d203db8f3578a0c0ada82d2ed94872a.zip | |
add horizontal flex utils
| -rw-r--r-- | scss/utilities/_flex.scss | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/scss/utilities/_flex.scss b/scss/utilities/_flex.scss index c22e0114f..194e85094 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; } + } } } |