From e07cebc90e979bd45a6134ff7ae2155d4ee03bc6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 May 2015 10:37:12 -0700 Subject: [PATCH] add flexbox variation for .card-group --- scss/_card.scss | 20 +++++++++++++------- 1 file changed, 13 insertions(+), 7 deletions(-) diff --git a/scss/_card.scss b/scss/_card.scss index d2a8f53641..d7423f33cc 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -4,7 +4,6 @@ .card { position: relative; - display: inline-block; padding: 1.25rem; margin-bottom: 1.25rem; border: .075rem solid #eee; @@ -180,14 +179,21 @@ // .card-group { - display: table; - width: 100%; - table-layout: fixed; + @if $enable-flex { + display: flex; + flex-flow: row wrap; + } @else { + display: table; + width: 100%; + table-layout: fixed; + } .card { - display: table-cell; - float: none; - max-width: none; + @if $enable-flex { + flex: 1 0 0; + } @else { + display: table-cell; + } + .card { margin-left: 0;