mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-20 12:21:35 +02:00
Code Issues Releases Wiki Activity

rename vertical align flex utils to middle to avoid clash with horizontal center

Browse Source
This commit is contained in:
Mark Otto
2016-02-06 01:46:42 -08:00
parent 82b98e72a4
commit 5e41887c3c
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
scss/utilities/_flex.scss
View File

@@ -13,14 +13,14 @@
// Alignment for every item // Alignment for every item
@include media-breakpoint-up($breakpoint) { @include media-breakpoint-up($breakpoint) {
.flex-items-#{$breakpoint}-top { align-items: flex-start; } .flex-items-#{$breakpoint}-top { align-items: flex-start; }
.flex-items-#{$breakpoint}-center { align-items: center; } .flex-items-#{$breakpoint}-middle { align-items: center; }
.flex-items-#{$breakpoint}-bottom { align-items: flex-end; } .flex-items-#{$breakpoint}-bottom { align-items: flex-end; }
} }
// Alignment per item // Alignment per item
@include media-breakpoint-up($breakpoint) { @include media-breakpoint-up($breakpoint) {
.flex-#{$breakpoint}-top { align-self: flex-start; } .flex-#{$breakpoint}-top { align-self: flex-start; }
.flex-#{$breakpoint}-center { align-self: center; } .flex-#{$breakpoint}-middle { align-self: center; }
.flex-#{$breakpoint}-bottom { align-self: flex-end; } .flex-#{$breakpoint}-bottom { align-self: flex-end; }
} }
} }