Focus style

stephband · Sep 19, 2023 · 738c6a4 · 738c6a4
1 parent b4e6710
commit 738c6a4
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 6 deletions.
diff --git a/build/slide-show-ol.js b/build/slide-show-ol.js
diff --git a/build/slide-show-shadow.css b/build/slide-show-shadow.css
diff --git a/build/slide-show-ul.js b/build/slide-show-ul.js
diff --git a/build/slide-show.css b/build/slide-show.css
diff --git a/build/slide-show.js b/build/slide-show.js
diff --git a/css/host.css b/css/host.css
@@ -117,6 +117,21 @@
     justify-self: auto;
 }
 
+:host(:focus) {
+    outline-width: 0;
+}
+
+:host(:focus-visible) {
+    outline-width: 1px;
+}
+
+@supports not selector(:focus-visible) {
+    :host(:focus) {
+        outline-width: 1px;
+    }
+}
+
+
 .invisible {
     /* Keep content accessible but not visible. */
     position: absolute;