CHG: Lots of good fixes

1 files changed, 77 insertions, 54 deletions

diff --git a/dist/spectre.css b/dist/spectre.css
index 8d25e6f..a686f83 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -249,14 +249,8 @@ button::-moz-focus-inner,
   padding: 0;
 }
 /**
- * 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).
  */
@@ -405,11 +399,12 @@ body {
 }
 a {
   color: #5764c6;
-  text-decoration: underline;
+  text-decoration: none;
 }
 a:focus,
 a:hover {
-  color: #283176;
+  color: #3b49af;
+  text-decoration: underline;
 }
 :focus {
   box-shadow: 0 0 0 .2rem rgba(87, 100, 198, .15);
@@ -469,7 +464,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;
@@ -516,9 +512,8 @@ dl dd {
   margin: .5rem 0 1.5rem 0;
 }
 mark {
-  background: #ffe5a3;
+  background: #ffe9b3;
   border-radius: .2rem;
-  font-size: 95%;
   padding: .1em .3em;
   vertical-align: baseline;
 }
@@ -526,7 +521,6 @@ kbd {
   background: #333;
   border-radius: .2rem;
   color: #fff;
-  font-size: 95%;
   padding: .1em .3em;
   vertical-align: baseline;
 }
@@ -535,15 +529,10 @@ abbr[title] {
   cursor: help;
   text-decoration: none;
 }
-ins,
-u {
-  text-decoration: underline;
-}
 code {
   background: #efefef;
   border-radius: .2rem;
   color: #666;
-  font-size: 95%;
   padding: .1em .3em;
   vertical-align: baseline;
 }
@@ -559,7 +548,6 @@ pre {
 pre > code {
   background: transparent;
   border-left: 0;
-  font-size: 1em;
   line-height: 1.8rem;
   padding: 0;
 }
@@ -619,13 +607,14 @@ pre > code::before {
   width: 100%;
 }
 .table.table-striped tbody tr:nth-of-type(odd) {
-  background: #fcfcfc;
+  background: #f8f8f8;
 }
 .table.table-hover tbody tr:hover {
-  background: #f4f4f4;
+  background: #f0f0f0;
 }
-.table tbody tr.is-selected {
-  background: #f7f7f7;
+.table tbody tr.active,
+.table.table-striped tbody tr.active {
+  background: #f0f0f0;
 }
 .table th,
 .table td {
@@ -633,7 +622,7 @@ pre > code::before {
   padding: 1.5rem 1rem;
 }
 .table th {
-  border-color: #e5e5e5;
+  border-color: #e2e2e2;
 }
 .btn {
   -webkit-appearance: none;
@@ -646,7 +635,6 @@ pre > code::before {
   font-size: 1.4rem;
   height: 3.2rem;
   line-height: 1.6rem;
-  outline: 0;
   padding: .7rem 1.2rem;
   text-align: center;
   text-decoration: none;
@@ -660,11 +648,13 @@ pre > code::before {
 }
 .btn:focus {
   background: #f7f8fc;
+  text-decoration: none;
 }
 .btn:hover {
   background: #5764c6;
   border-color: #4452c0;
   color: #fff;
+  text-decoration: none;
 }
 .btn:active,
 .btn.active {
@@ -1126,8 +1116,7 @@ textarea.form-input {
 .label {
   background: #efefef;
   border-radius: .2rem;
-  color: #666;
-  font-size: 95%;
+  color: #888;
   padding: .1em .3em;
   vertical-align: baseline;
 }
@@ -1143,16 +1132,13 @@ textarea.form-input {
   background: #e85600;
   color: #fff;
 }
-small.label {
-  font-size: 80%;
-}
 .progress {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: 0;
   color: #5764c6;
-  height: .6rem;
+  height: .4rem;
   width: 100%;
 }
 .progress::-webkit-progress-bar {
@@ -1708,6 +1694,10 @@ small.label {
   padding: .3rem;
   width: auto;
 }
+.form-autocomplete mark {
+  font-size: 1;
+  padding: .1em 0;
+}
 .avatar {
   border-radius: 50%;
   color: #fff;
@@ -1855,11 +1845,11 @@ small.label {
   height: 3rem;
   margin: .1rem .2rem .1rem 0;
   max-width: 100%;
-  padding: .5rem .7rem;
+  padding: .5rem .8rem;
   text-decoration: none;
   vertical-align: middle;
 }
-.chip.is-selected {
+.chip.active {
   background: #5764c6;
   color: #fff;
 }
@@ -1869,8 +1859,17 @@ small.label {
   margin-right: .4rem;
   width: 2rem;
 }
+.chip .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;
+}
 .chip .btn-clear::before {
-  color: currentColor;
   font-size: 1.6rem;
 }
 .dropdown {
@@ -1971,6 +1970,7 @@ small.label {
   left: 0;
   opacity: 0;
   overflow: hidden;
+  padding: 1rem;
   position: fixed;
   right: 0;
   top: 0;
@@ -1997,6 +1997,10 @@ small.label {
 .modal.active .modal-container {
   -webkit-animation: slide-down .216s;
   animation: slide-down .216s;
+  max-width: 64rem;
+}
+.modal.modal-sm .modal-container {
+  max-width: 32rem;
 }
 .modal-container {
   background: #fff;
@@ -2025,16 +2029,6 @@ small.label {
   padding: 1.5rem;
   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;
-  }
-}
 .breadcrumb,
 .tab,
 .pagination,
@@ -2049,24 +2043,22 @@ small.label {
   display: inline-block;
   margin: 0;
 }
-.breadcrumb .breadcrumb-item a {
-  border: none;
-  text-decoration: none;
-}
-.breadcrumb .breadcrumb-item:last-child,
-.breadcrumb .breadcrumb-item:last-child a {
+.breadcrumb .breadcrumb-item:last-child {
   color: #888;
 }
-.breadcrumb .breadcrumb-item:not(:last-child)::after {
+.breadcrumb .breadcrumb-item:not(:first-child)::before {
   color: #c5c5c5;
   content: "/";
   padding: 0 .4rem;
 }
 .tab {
+  -webkit-align-items: center;
+  align-items: center;
   border-bottom: .1rem solid #efefef;
   display: flex;
   display: -ms-flexbox;
   display: -webkit-flex;
+  -ms-flex-align: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
@@ -2074,19 +2066,28 @@ small.label {
 .tab .tab-item {
   margin-top: 0;
 }
+.tab .tab-item.tab-action {
+  -webkit-flex: 1 0 auto;
+  -ms-flex: 1 0 auto;
+  flex: 1 0 auto;
+  text-align: right;
+}
 .tab .tab-item a {
   border-bottom: .2rem solid transparent;
   color: #333;
   display: block;
   margin-bottom: -.1rem;
   margin-top: 0;
-  padding: .8rem 1rem;
+  padding: .6rem .8rem;
   text-decoration: none;
 }
 .tab .tab-item a:focus,
 .tab .tab-item a:hover {
   color: #5764c6;
 }
+.tab .tab-item a.badge {
+  padding-right: 0;
+}
 .tab .tab-item.active a,
 .tab .tab-item a.active {
   border-bottom-color: #5764c6;
@@ -2106,16 +2107,22 @@ small.label {
   -ms-transform: translate(-50%, -1rem);
   transform: translate(-50%, -1rem);
 }
+.pagination {
+  display: flex;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+}
 .pagination .page-item {
-  display: inline-block;
+  margin: 1rem .1rem;
 }
 .pagination .page-item span {
   display: inline-block;
-  padding: .6rem;
+  padding: .6rem .4rem;
 }
 .pagination .page-item a {
   border-radius: .2rem;
   color: #666;
+  display: inline-block;
   padding: .6rem .8rem;
   text-decoration: none;
 }
@@ -2127,6 +2134,22 @@ small.label {
   background: #5764c6;
   color: #fff;
 }
+.pagination .page-item.page-prev,
+.pagination .page-item.page-next {
+  -webkit-flex: 1 0 50%;
+  -ms-flex: 1 0 50%;
+  flex: 1 0 50%;
+}
+.pagination .page-item.page-next {
+  text-align: right;
+}
+.pagination .page-item .page-item-title {
+  margin: 0;
+}
+.pagination .page-item .page-item-meta {
+  margin: 0;
+  opacity: .5;
+}
 .nav {
   display: flex;
   display: -ms-flexbox;