Add focus ring around Button component

2021-09-02 01:05:53 -04:00 · 2021-09-02 01:05:53 -04:00 · 06613ffa4d
parent 8bb5f160f0
commit 06613ffa4d
1 changed files with 10 additions and 0 deletions
--- a/components/Button.module.css
+++ b/components/Button.module.css
@ -17,6 +17,16 @@
  cursor: pointer;
 }

+.button:focus,
+.link:focus {
+  box-shadow: 0 0 0 calc(4rem / 16) var(--secondary-accent);
+}
+
+.small.button:focus,
+.small.link:focus {
+  box-shadow: 0 0 0 calc(3rem / 16) var(--secondary-accent);
+}
+
 .link {
  text-decoration: none;
 }