CHG: Lots of good fixes

15 files changed, 88 insertions, 62 deletions

diff --git a/src/autocomplete.less b/src/autocomplete.less
index 8c0950e..df99426 100644
--- a/src/autocomplete.less
+++ b/src/autocomplete.less
@@ -29,4 +29,9 @@
       width: auto;
     }
   }
+
+  mark {
+    font-size: 1;
+    padding: .1em 0;
+  }
 }
diff --git a/src/base.less b/src/base.less
index 3a38660..d19cb07 100644
--- a/src/base.less
+++ b/src/base.less
@@ -4,12 +4,14 @@
 *::after {
   box-sizing: inherit;
 }
+
 html {
   box-sizing: border-box;
   font-size: @html-font-size;
   line-height: @html-line-height;
   -webkit-tap-highlight-color: transparent;
 }
+
 body {
   background: @body-bg;
   color: @body-font-color;
@@ -18,12 +20,15 @@ body {
   overflow-x: hidden;
   text-rendering: optimizeLegibility;
 }
+
 a {
   color: @core-link-color;
-  text-decoration: underline;
+  text-decoration: none;
+
   &:focus,
   &:hover {
-    color: darken(@core-link-color, 25%);
+    color: darken(@core-link-color, 10%);
+    text-decoration: underline;
   }
 }
 
diff --git a/src/breadcrumbs.less b/src/breadcrumbs.less
index 817e182..14045da 100644
--- a/src/breadcrumbs.less
+++ b/src/breadcrumbs.less
@@ -6,18 +6,11 @@
     display: inline-block;
     margin: 0;
 
-    a {
-      border: none;
-      text-decoration: none;
-    }
     &:last-child {
-      &,
-      a {
-        color: @core-meta-color;
-      }
+      color: @core-meta-color;
     }
-    &:not(:last-child) {
-      &::after {
+    &:not(:first-child) {
+      &::before {
         color: @control-color;
         content: "/";
         padding: 0 .4rem;
diff --git a/src/buttons.less b/src/buttons.less
index 5829b03..bb17f13 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -11,7 +11,6 @@
   font-size: 1.4rem;
   height: 3.2rem;
   line-height: 1.6rem;
-  outline: 0;
   padding: .7rem 1.2rem;
   text-align: center;
   text-decoration: none;
@@ -20,11 +19,13 @@
   white-space: nowrap;
   &:focus {
     background: lighten(@core-secondary-color, 2%);
+    text-decoration: none;
   }
   &:hover {
     background: @core-color;
     border-color: darken(@core-color, 5%);
     color: @core-light-color;
+    text-decoration: none;
   }
   &:active,
   &.active {
diff --git a/src/chips.less b/src/chips.less
index 7b02924..10f214d 100644
--- a/src/chips.less
+++ b/src/chips.less
@@ -8,11 +8,11 @@
   height: 3rem;
   margin: .1rem .2rem .1rem 0;
   max-width: 100%;
-  padding: .5rem .7rem;
+  padding: .5rem .8rem;
   text-decoration: none;
   vertical-align: middle;
 
-  &.is-selected {
+  &.active {
     background: @core-color;
     color: @core-light-color;
   }
@@ -24,9 +24,19 @@
     width: 2rem;
   }
 
+  .chip-meta {
+    background: rgba(0,0,0,.1);
+    font-size: 80%;
+    height: 3rem;
+    line-height: 2rem;
+    margin-left: .8rem;
+    margin-right: -.8rem;
+    opacity: .75;
+    padding: .5rem .8rem;
+  }
+
   .btn-clear {
     &::before {
-      color: currentColor;
       font-size: 1.6rem;
     }
   }
diff --git a/src/labels.less b/src/labels.less
index 42d966c..3a72ffb 100644
--- a/src/labels.less
+++ b/src/labels.less
@@ -1,7 +1,7 @@
 // Labels
 .label {
   background: @core-border-color;
-  color: lighten(@body-font-color, 20%);
+  color: @core-meta-color;
   .label-base();
 
   &.label-primary {
@@ -15,8 +15,4 @@
   &.label-danger {
     .label-variant(@control-color-danger);
   }
-
-  small& {
-    font-size: 80%;
-  }
 }
diff --git a/src/mixins.less b/src/mixins.less
index b848bc7..0d0ecad 100644
--- a/src/mixins.less
+++ b/src/mixins.less
@@ -18,7 +18,6 @@
 }
 .label-base() {
   border-radius: .2rem;
-  font-size: 95%;
   padding: .1em .3em;
   vertical-align: baseline;
 }
diff --git a/src/modals.less b/src/modals.less
index ba5fde0..306344b 100644
--- a/src/modals.less
+++ b/src/modals.less
@@ -7,6 +7,7 @@
   left: 0;
   opacity: 0;
   overflow: hidden;
+  padding: @layout-gutter; 
   position: fixed;
   right: 0;
   top: 0;
@@ -29,6 +30,13 @@
 
     .modal-container {
       animation: slide-down .216s;
+      max-width: 64rem;
+    }
+  }
+
+  &.modal-sm {
+    .modal-container {
+      max-width: 32rem;
     }
   }
 }
@@ -41,6 +49,7 @@
   padding: 0;
   .shadow;
   text-align: left;
+
   z-index: 1988;
 
   .modal-header {
@@ -64,17 +73,3 @@
     text-align: right;
   }
 }
-
-@media screen and (min-width: 640px) {
-  .modal-container {
-    width: 64rem;
-  }
-}
-
-@media screen and (min-width: 320px) {
-  .modal-sm {
-    .modal-container {
-      width: 32rem;
-    }
-  }
-}
diff --git a/src/normalize.less b/src/normalize.less
index 8a25bfa..e8ffb28 100644
--- a/src/normalize.less
+++ b/src/normalize.less
@@ -288,15 +288,9 @@ button::-moz-focus-inner,
 }
 
 /**
- * Restore the focus styles unset by the previous rule.
+ * Restore the focus styles unset by the previous rule (removed).
  */
 
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
 
 /**
  * Change the border, margin, and padding in all browsers (opinionated) (changed).
diff --git a/src/pagination.less b/src/pagination.less
index 3a21a82..df41461 100644
--- a/src/pagination.less
+++ b/src/pagination.less
@@ -1,16 +1,19 @@
 // Pagination
 .pagination {
+  display: flex;
+
   .page-item {
-    display: inline-block;
+    margin: 1rem .1rem;
 
     span {
       display: inline-block;
-      padding: .6rem;
+      padding: .6rem .4rem;
     }
 
     a {
       border-radius: @border-radius;
       color: lighten(@body-font-color, 20%);
+      display: inline-block;
       padding: .6rem .8rem;
       text-decoration: none;
       &:focus,
@@ -25,5 +28,23 @@
         color: @core-light-color;
       }
     }
+
+    &.page-prev,
+    &.page-next {
+      flex: 1 0 50%;
+    }
+
+    &.page-next {
+      text-align: right;
+    }
+
+    .page-item-title {
+      margin: 0;
+    }
+
+    .page-item-meta {
+      margin: 0;
+      opacity: .5;
+    }
   }
 }
diff --git a/src/progress.less b/src/progress.less
index 26be70b..24c3000 100644
--- a/src/progress.less
+++ b/src/progress.less
@@ -4,7 +4,7 @@
   appearance: none;
   border: 0;
   color: @core-color;
-  height: .6rem;
+  height: .4rem;
   width: 100%;
 
   &::-webkit-progress-bar {
diff --git a/src/tables.less b/src/tables.less
index 7abce76..60b33d9 100644
--- a/src/tables.less
+++ b/src/tables.less
@@ -8,7 +8,7 @@
   &.table-striped {
     tbody {
       tr:nth-of-type(odd) {
-        background: lighten(@core-border-color, 5%);
+        background: @core-bg-color;
       }
     }
   }
@@ -16,15 +16,18 @@
     tbody {
       tr {
         &:hover {
-          background: lighten(@core-border-color, 2%);
+          background: darken(@core-bg-color, 3%);
         }
       }
     }
   }
-  tbody {
-    tr {
-      &.is-selected {
-        background: lighten(@core-border-color, 3%);
+  &,
+  &.table-striped {
+    tbody {
+      tr {
+        &.active {
+          background: darken(@core-bg-color, 3%);
+        }
       }
     }
   }
@@ -34,6 +37,6 @@
     padding: 1.5rem 1rem;
   }
   th {
-    border-color: darken(@core-border-color, 4%);
+    border-color: darken(@core-border-color, 5%);
   }
 }
diff --git a/src/tabs.less b/src/tabs.less
index ea005bb..ea38709 100644
--- a/src/tabs.less
+++ b/src/tabs.less
@@ -1,5 +1,6 @@
 // Tabs
 .tab {
+  align-items: center;
   border-bottom: .1rem solid @core-border-color;
   display: flex;
   flex-wrap: wrap;
@@ -7,18 +8,26 @@
   .tab-item {
     margin-top: 0;
 
+    &.tab-action {
+      flex: 1 0 auto;
+      text-align: right;
+    }
+
     a {
       border-bottom: .2rem solid transparent;
       color: @body-font-color;
       display: block;
       margin-bottom: -.1rem;
       margin-top: 0;
-      padding: .8rem 1rem;
+      padding: .6rem .8rem;
       text-decoration: none;
       &:focus,
       &:hover {
         color: @core-link-color;
       }
+      &.badge {
+        padding-right: 0;
+      }
     }
     &.active a,
     a.active {
diff --git a/src/typography.less b/src/typography.less
index 18cdacd..b63c78e 100644
--- a/src/typography.less
+++ b/src/typography.less
@@ -30,7 +30,8 @@ h6 {
   font-size: 1.6rem;
 }
 p {
-  margin: 0 0 1rem;
+  line-height: 2.4rem;
+  margin: 0 0 .5em;
 }
 blockquote {
   border-left: .2rem solid #ddd;
@@ -82,7 +83,7 @@ dl {
   }
 }
 mark {
-  background: lighten(@control-color-warning, 32%);
+  background: lighten(@control-color-warning, 35%);
   .label-base();
 }
 kbd {
@@ -95,10 +96,6 @@ abbr[title] {
   cursor: help;
   text-decoration: none;
 }
-ins,
-u {
-  text-decoration: underline;
-}
 
 // Code
 code {
@@ -118,7 +115,6 @@ pre {
   > code {
     background: transparent;
     border-left: 0;
-    font-size: 1em;
     line-height: 1.8rem;
     padding: 0;
 
diff --git a/src/variables.less b/src/variables.less
index bf58b73..ef1ce34 100644
--- a/src/variables.less
+++ b/src/variables.less
@@ -28,7 +28,6 @@
 @core-bg-color: #f8f8f8;
 @control-color: #c5c5c5;
 @control-color-success: #32b643;
-@control-color-info: #0193eb;
 @control-color-warning: #ffb700;
 @control-color-danger: #e85600;