Made a mass of accessibility improvements

[bookstack] / resources / assets / sass / _buttons.scss

diff --git a/resources/assets/sass/_buttons.scss b/resources/assets/sass/_buttons.scss
index eb7a09342ad60079503534da6294393af6a75fbc..024b9cd7eec8fe27dfab790554b08445dbd376d3 100644 (file)
--- a/resources/assets/sass/_buttons.scss
+++ b/resources/assets/sass/_buttons.scss
@@ -1,4 +1,6 @@
 button {
+  background-color: transparent;
+  border: 0;
   font-size: 100%;
 }
 
@@ -47,7 +49,12 @@ $button-border-radius: 2px;
   &:hover, &:focus {
     text-decoration: none;
   }
+  &:focus {
+    outline: 1px dotted currentColor;
+    outline-offset: -$-xs;
+  }
   &:active {
+    outline: 0;
     background-color: darken($primary, 8%);
   }
 }
@@ -83,7 +90,7 @@ $button-border-radius: 2px;
   user-select: none;
   font-size: 0.75rem;
   line-height: 1.4em;
-  &:focus, &:active {
+    &:active {
     outline: 0;
   }
   &:hover {