update

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

assets/scss/_styles_project.scss

@@ -272,25 +272,17 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover {
   border-radius: 0.75rem;
   border: 4px solid rgba(0, 179, 159, 0.40);
   background: #000;
-  color: white;
-  & :active {
-  background-color: $saffron;
+  color: $white;
+  -webkit-transition: color .8s;
+  -webkit-transition: background-color .8s;
+  > img {
+    width: 2rem; margin-right: .5rem;
   }
-  // this isn't working.
-  & :hover {
-    color: white !important;
-    & img {
-      filter: brightness(0) invert(1);
-    }
-  }
-  & :focus {
-    color: white;
-  }
-
+  > img:hover {
+    filter: brightness(0) invert(1);
+  }  
 }
-.l5btn > img:hover {
-  filter: brightness(0) invert(1);
-}  
+
 .dash-tangle {
   width: 78.14231rem;
   height: 74.72rem;

assets/scss/_variables_project.scss

@@ -30,6 +30,8 @@ $body-bg: #010101;
 // $bs-body-bg: $dark;
 // $bs-card-cap-bg: $dark;
 
+// Buttons
+$btn-line-height:3rem;
 
 // Lefthand sidebar with inter-page docs menu
 

content/en/_index.md

@@ -8,15 +8,13 @@ title: Layer5
 <div>
 <a class="btn btn-lg btn-primary me-3 mb-4 l5btn"
   href="/cloud">
-    <img src="images/5-light-no-trim.svg" 
-      style="width: 2rem; margin-right: .5rem;" />
+    <img src="images/5-light-no-trim.svg" />
   Cloud Docs
   <i class="fas fa-arrow-alt-circle-right ms-2"></i>
 </a>
-<a class="btn btn-lg btn-secondary me-3 mb-4 l5btn"
+<a class="btn btn-lg btn-primary me-3 mb-4 l5btn"
   href="/meshmap">
-  <img src="images/meshmap-alt.svg" 
-    style="width: 2rem; margin-right: .5rem;" />
+  <img src="images/meshmap-alt.svg" />
   MeshMap Docs
   <i class="fas fa-arrow-alt-circle-right ms-2"></i>
 </a>