add flexbox variation for .card-group

e07cebc9 · Mark Otto · 6e3d4331 · e07cebc9
Commit e07cebc9 authored May 28, 2015 by Mark Otto
Show 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 {
+  @if $enable-flex {
+    display: flex;
+    flex-flow: row wrap;
+  } @else {
    display: table;
    width: 100%;
    table-layout: fixed;
+  }
  .card {
+    @if $enable-flex {
+      flex: 1 0 0;
+    } @else {
      display: table-cell;
-    float: none;
+    }
-    max-width: none;
    + .card {
      margin-left: 0;