add flexbox variation for .card-group

e07cebc9 · Mark Otto · 6e3d4331 · e07cebc9
Commit e07cebc9 authored May 28, 2015 by Mark Otto
Hide whitespace changes
Inline Side-by-side

Showing with 13 additions and 7 deletions

scss/_card.scss scss/_card.scss +13 -7

No files found.
--- 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;