add cards code and update new demo images

3 files changed, 54 insertions, 7 deletions

diff --git a/src/buttons.less b/src/buttons.less
index 47f10ff..29c8e18 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -169,12 +169,10 @@
 }
 
 .btn-group {
-  display: inline-block;
-  vertical-align: middle;
-  .clearfix();
+  display: inline-flex;
 
   .btn {
-    float: left;
+    flex: 1 0 auto;
 
     &:first-child:not(:last-child) {
       border-top-right-radius: 0;
@@ -192,4 +190,8 @@
       z-index: 99;
     }
   }
+
+  &.btn-group-block {
+    display: flex;
+  }
 }
\ No newline at end of file
diff --git a/src/cards.less b/src/cards.less
new file mode 100644
index 0000000..3a9abc5
--- /dev/null
+++ b/src/cards.less
@@ -0,0 +1,47 @@
+// Cards
+.card {
+  display: block;
+  text-align: left;
+  margin: 0;
+  padding: 0;
+  border-radius: .3rem;
+  background-color: #fff;
+  z-index: 999;
+  .shadow;
+
+  .card-header,
+  .card-image,
+  .card-content,
+  .card-footer {
+    padding: 1.5rem 1.5rem 0 1.5rem;
+
+    &:last-child {
+      padding-bottom: 1.5rem;
+    }
+  }
+  .card-image {
+    padding-left: 0;
+    padding-right: 0;
+
+    &:first-child {
+      padding-top: 0;
+
+      img {
+        border-top-left-radius: .3rem;
+        border-top-right-radius: .3rem;
+      }
+    }
+  }
+  .card-title {
+    margin-top: 0;
+    margin-bottom: .5rem;
+    font-size: 1.6em;
+    line-height: 1;
+  }
+  .card-meta {
+    margin-top: 0;
+    margin-bottom: 0;
+    font-size: 1em;
+    color: lighten(@body-font-color, 50%);
+  }
+}
\ No newline at end of file
diff --git a/src/navigation.less b/src/navigation.less
index 2e0436f..d119099 100644
--- a/src/navigation.less
+++ b/src/navigation.less
@@ -72,10 +72,8 @@
 
     .tab-item {
       float: none;
-      flex: 1;
+      flex: 1 0 auto;
       text-align: center;
     }
   }
 }
-
-// TODO: Tabs with icons