Added tables scope, fixed anchor styling

1 files changed, 3 insertions, 6 deletions

diff --git a/src/scopes/_colored-links.scss b/src/scopes/_colored-links.scss
index cdd3ed4..0c58bf1 100644
--- a/src/scopes/_colored-links.scss
+++ b/src/scopes/_colored-links.scss
@@ -8,7 +8,7 @@
             --visited: fn.global-color(--accent --link-visited --obj-lo),
             --key-focus: (
                 --border: fn.global-color(--focus --fill),
-                --shadow: fn.global-color(--focus --shadow),
+                --shadow: 0 0 0 calc(fn.global-dim(--focus --outline-width) + 2px) fn.global-color(--accent --primary --semi),
             ),
         )
     ), 'colors');
@@ -26,14 +26,11 @@
 
         :link,
         :visited {
-            margin:        -2px;
-            border:        2px solid transparent;
-            border-radius: 2px;
+            border-radius: .5px;
 
             @include iro.bem-at-theme('keyboard') {
                 &:focus {
-                    border-color: fn.color(--key-focus --border);
-                    box-shadow:   fn.color(--key-focus --shadow);
+                    box-shadow: 0 0 0 2px fn.color(--key-focus --border), fn.color(--key-focus --shadow);
                 }
             }
         }