From adba459749bca49df0d54d2f2a85aa8bd08b3b43 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 25 Jul 2016 17:22:06 -0700 Subject: [PATCH] restore the .col-{bp} class for flexbox auto layout --- scss/mixins/_grid-framework.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/scss/mixins/_grid-framework.scss b/scss/mixins/_grid-framework.scss index be2ee50db6..efe923a1c3 100644 --- a/scss/mixins/_grid-framework.scss +++ b/scss/mixins/_grid-framework.scss @@ -30,6 +30,19 @@ } @include media-breakpoint-up($breakpoint, $breakpoints) { + // Provide basic `.col-{bp}` classes for equal-width flexbox columns + @if $enable-flex { + .col-#{$breakpoint} { + position: relative; + flex-basis: 0; + flex-grow: 1; + max-width: 100%; + min-height: 1px; + padding-right: ($grid-gutter-width / 2); + padding-left: ($grid-gutter-width / 2); + } + } + @for $i from 1 through $columns { .col-#{$breakpoint}-#{$i} { @include make-col($i, $columns, $gutter);