From 9bc08191b9fed396ed2c4601829aac1c96518040 Mon Sep 17 00:00:00 2001
From: Bass Jobsen <bass@w3masters.nl>
Date: Sat, 26 Dec 2015 21:51:52 +0100
Subject: [PATCH 1/2] Add auto-width columns for flexbox grid
see: https://github.com/twbs/bootstrap/issues/17131
---
scss/_grid.scss | 10 ++++++++++
1 file changed, 10 insertions(+)
diff --git a/scss/_grid.scss b/scss/_grid.scss
index a71f3aaf24..482b512510 100644
--- a/scss/_grid.scss
+++ b/scss/_grid.scss
@@ -73,4 +73,14 @@
.col-#{$breakpoint}-bottom { align-self: flex-end; }
}
}
+
+ // Auto-width columns
+
+ @each $breakpoint in map-keys($grid-breakpoints) {
+ @include media-breakpoint-up($breakpoint) {
+ .col-#{$breakpoint}-auto {
+ flex: 1;
+ }
+ }
+ }
}
--
GitLab
From 3b1dfcfc026866a267ef81c4b77e4e3e98a5ff8d Mon Sep 17 00:00:00 2001
From: Bass Jobsen <bass@w3masters.nl>
Date: Sat, 26 Dec 2015 21:54:35 +0100
Subject: [PATCH 2/2] Update _grid.scss
---
scss/_grid.scss | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/scss/_grid.scss b/scss/_grid.scss
index 482b512510..19cf1c2fca 100644
--- a/scss/_grid.scss
+++ b/scss/_grid.scss
@@ -73,12 +73,12 @@
.col-#{$breakpoint}-bottom { align-self: flex-end; }
}
}
-
+
// Auto-width columns
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
- .col-#{$breakpoint}-auto {
+ .col-#{$breakpoint}-auto {
flex: 1;
}
}
--
GitLab