CHG: Improve things

5 files changed, 10 insertions, 12 deletions

diff --git a/src/avatars.less b/src/avatars.less
index 6466800..06c065e 100644
--- a/src/avatars.less
+++ b/src/avatars.less
@@ -1,6 +1,7 @@
 // Avatars
 .avatar {
   border-radius: 50%;
+  color: @core-light-color;
   display: inline-block;
   font-size: 1.4rem;
   font-weight: 300;
@@ -51,7 +52,7 @@
   }
 
   &[data-initial]::after {
-    color: @core-light-color;
+    color: currentColor;
     content: attr(data-initial);
     left: 50%;
     position: absolute;
diff --git a/src/buttons.less b/src/buttons.less
index f06d8e2..6adbc19 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -106,7 +106,9 @@
     background: transparent;
     border: 0;
     color: currentColor;
+    font-family: sans-serif;
     height: 2rem;
+    line-height: 1.8rem;
     margin-left: .4rem;
     opacity: .45;
     padding: 0;
@@ -147,11 +149,7 @@
     &:focus,
     &:active,
     &.active {
-      z-index: 99;
-    }
-
-    &.btn-link {
-      margin-left: 0;
+      z-index: 9;
     }
   }
 
diff --git a/src/cards.less b/src/cards.less
index d6c9194..1123586 100644
--- a/src/cards.less
+++ b/src/cards.less
@@ -7,7 +7,6 @@
   margin: 0;
   padding: 0;
   text-align: left;
-  z-index: 999;
 
   .card-header,
   .card-body,
diff --git a/src/modals.less b/src/modals.less
index f151ccb..cc2e73d 100644
--- a/src/modals.less
+++ b/src/modals.less
@@ -17,7 +17,7 @@
     z-index: 1988;
 
     .modal-overlay {
-      background: rgba(0, 0, 0, .75);
+      background: fade(@core-dark-color, 50%);
       bottom: 0;
       display: block;
       left: 0;
diff --git a/src/navigation.less b/src/navigation.less
index 2d57c66..83e603e 100644
--- a/src/navigation.less
+++ b/src/navigation.less
@@ -35,7 +35,7 @@
 
 // Tabs
 .tab {
-  border-bottom: .1rem solid @control-color;
+  border-bottom: .1rem solid @core-border-color;
   display: flex;
   flex-wrap: wrap;
 
@@ -48,7 +48,7 @@
       display: block;
       margin-bottom: -.1rem;
       margin-top: 0;
-      padding: .8rem 1.4rem;
+      padding: .8rem 1rem;
       text-decoration: none;
       &:focus,
       &:hover {
@@ -57,8 +57,8 @@
     }
     &.active a,
     a.active {
-      border-bottom-color: darken(@core-color, 10%);
-      color: darken(@core-link-color, 10%);
+      border-bottom-color: @core-color;
+      color: @core-link-color;
     }
   }