Tweaked button styling

xriley · Apr 26, 2020 · 02e2e0d · 02e2e0d
1 parent f9d066c
commit 02e2e0d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -57,6 +57,9 @@ a:focus {
 
 .btn:focus, a.btn:focus {
   color: #fff;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
 }
 
 a.btn-cta-primary, .btn-cta-primary {
@@ -81,10 +84,13 @@ a.btn-cta-secondary, .btn-cta-secondary {
   text-transform: uppercase;
 }
 
-a.btn-cta-secondary:hover, .btn-cta-secondary:hover {
+a.btn-cta-secondary:hover, a.btn-cta-secondary:not(:disabled):not(.disabled):active:focus, .btn-cta-secondary:hover, .btn-cta-secondary:not(:disabled):not(.disabled):active:focus {
   background: #3893bd;
   border: 1px solid #3893bd;
   color: #fff;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
 }
 
 .text-highlight {

diff --git a/assets/scss/_base.scss b/assets/scss/_base.scss
@@ -39,6 +39,7 @@ a {
 
     &:focus {
         color: #fff;
+        @include box-shadow(none);
     }
 }
 
@@ -61,10 +62,11 @@ a.btn-cta-secondary,  .btn-cta-secondary {
     color: #fff;
     font-weight:600;
     text-transform: uppercase;
-    &:hover {
+    &:hover, &:not(:disabled):not(.disabled):active:focus {
         background: darken($btn-color-2, 5%);
         border: 1px solid darken($btn-color-2, 5%);
         color: #fff;
+        @include box-shadow(none);
     }
 }