Update Docs examples

7 files changed, 17 insertions, 22 deletions

diff --git a/src/cards.less b/src/cards.less
index 1a84c21..dadfa8b 100644
--- a/src/cards.less
+++ b/src/cards.less
@@ -3,7 +3,8 @@
   background: @bg-color-light;
   border: @border-width solid @border-color;
   border-radius: @border-radius;
-  display: block;
+  display: flex;
+  flex-direction: column;
 
   .card-header,
   .card-body,
@@ -35,8 +36,4 @@
       }
     }
   }
-
-  .card-subtitle {
-    color: lighten(@body-font-color, 40%);
-  }
-}
+}
\ No newline at end of file
diff --git a/src/empty.less b/src/empty.less
index acfc8a0..b6cb1ae 100644
--- a/src/empty.less
+++ b/src/empty.less
@@ -15,10 +15,6 @@
     margin: @layout-spacing auto;
   }
 
-  .empty-subtitle {
-    color: lighten(@body-font-color, 40%);
-  }
-
   .empty-action {
     margin-top: @layout-spacing-lg;
   }
diff --git a/src/labels.less b/src/labels.less
index dfef4b6..c67759b 100644
--- a/src/labels.less
+++ b/src/labels.less
@@ -7,6 +7,10 @@
     .label-variant(@light-color, @primary-color);
   }
 
+  &.label-secondary {
+    .label-variant(@primary-color, @secondary-color);
+  }
+
   &.label-success {
     .label-variant(@light-color, @control-color-success);
   }
diff --git a/src/mixins.less b/src/mixins.less
index 8b0f817..6fd4d6d 100644
--- a/src/mixins.less
+++ b/src/mixins.less
@@ -35,8 +35,8 @@
 .label-base() {
   border-radius: @border-radius;
   display: inline-block;
-  line-height: 1;
-  padding: .2em .3em;
+  line-height: 1.2;
+  padding: .1em .3em;
   vertical-align: baseline;
 }
 
diff --git a/src/panels.less b/src/panels.less
index 873d21f..3c6bae8 100644
--- a/src/panels.less
+++ b/src/panels.less
@@ -20,8 +20,4 @@
     overflow-y: auto;
     padding: 0 @layout-spacing-lg;
   }
-
-  .panel-subtitle {
-    color: lighten(@body-font-color, 40%);
-  }
 }
diff --git a/src/tabs.less b/src/tabs.less
index 1abfe75..28e099b 100644
--- a/src/tabs.less
+++ b/src/tabs.less
@@ -1,6 +1,7 @@
 // Tabs
 .tab {
   align-items: center;
+  border-bottom: @border-width solid @border-color;
   display: flex;
   flex-wrap: wrap;
 
@@ -16,8 +17,8 @@
       border-bottom: @border-width-lg solid transparent;
       color: inherit;
       display: block;
-      margin-top: 0;
-      padding: 6px 12px 4px 12px;
+      margin: 0 @unit-2 0 0;
+      padding: @unit-2 @unit-1 @unit-2 - @border-width-lg @unit-1;
       text-decoration: none;
       &:focus,
       &:hover {
@@ -36,6 +37,10 @@
       flex: 1 0 0;
       text-align: center;
 
+      a {
+        margin: 0;
+      }
+
       .badge {
         &[data-badge]::after {
           position: absolute;
diff --git a/src/tiles.less b/src/tiles.less
index 79c1a69..a99540e 100644
--- a/src/tiles.less
+++ b/src/tiles.less
@@ -17,11 +17,8 @@
       padding-right: @unit-2;
     }
   }
-  .tile-title {
-    line-height: @line-height;
-  }
+  .tile-title,
   .tile-subtitle {
-    color: lighten(@body-font-color, 40%);
     line-height: @line-height;
   }