fix: set focus style and fix code block offset (fixes #118)

microsoft · May 15, 2024 · f1cd348 · f1cd348
1 parent 4ec17cc
commit f1cd348
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/website/src/theme/_accessibility.scss b/packages/website/src/theme/_accessibility.scss
@@ -2,6 +2,10 @@
 
 // Accessibility helpers -----------------------------------------------------
 
+*:focus-visible {
+  outline: 2px solid var(--primary);
+}
+
 .visually-hidden {
   display: block;
   height: 0;

diff --git a/packages/website/src/theme/_common.scss b/packages/website/src/theme/_common.scss
@@ -190,6 +190,8 @@ code:not(pre > code) {
 }
 
 pre {
+  outline-offset: 1px;
+
   &::-webkit-scrollbar {
     -webkit-appearance: none;
     height: 8px;