chore(button): small fix anchor and focus style

snack-ui · Feb 24, 2021 · f84e952 · f84e952
1 parent 7bf5d46
commit f84e952
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/_buttons.scss b/src/_buttons.scss
@@ -6,6 +6,7 @@
   display: inline-block;
   padding: .25rem .75rem;
   text-align: center;
+  text-decoration: none;
   vertical-align: middle;
   line-height: $btn-line-height;
   font-size: $btn-font-size;
@@ -14,6 +15,12 @@
   cursor: pointer;
   outline: none;
 
+  &:hover,
+  &:focus,
+  &:active {
+    text-decoration: none;
+  }
+
   @each $name, $color in $color-map {
     &.#{$name} {
       color: $white;
@@ -25,6 +32,7 @@
 
       &:focus {
         background-color: darken($color, 5%);
+        box-shadow: 0 0 0 .25rem rgba($color, .5);
       }
 
       &:active {
@@ -48,6 +56,7 @@
       color: darken($color-primary, 10%);
       text-decoration: underline;
       background-color: transparent;
+      box-shadow: 0 0 0 .25rem rgba($color-primary, .5);
     }
 
     &:active {