really wip experimental focus ring stuff focus-ring-tests

1 files changed, 40 insertions, 0 deletions

diff --git a/src/static/site.css b/src/static/site.css
index c88343e5..f03fafd8 100644
--- a/src/static/site.css
+++ b/src/static/site.css
@@ -931,3 +931,43 @@ li > ul {
         margin-top: 0.5em;
     }
 }
+
+/*
+a {
+    position: relative;
+}
+
+a:focus {
+    outline: none;
+    text-decoration: underline;
+}
+
+a:focus::before {
+    content: "";
+    position: absolute;
+    top: -6px;
+    left: -6px;
+    right: -6px;
+    bottom: -6px;
+    border: 2px solid var(--primary-color);
+    border-radius: 3px;
+}
+*/
+
+a:focus {
+    /* text-decoration: underline; */
+    /* outline: 2px solid var(--primary-color); */
+    /*
+    outline-offset: 4px;
+    outline-style: auto;
+    outline-color: var(--primary-color);
+    */
+    outline: none;
+    --shadow-color: hsla(164deg, 50%, 36%, 40%);
+    color: var(--primary-color);
+    background-color: var(--shadow-color);
+    box-shadow: 0 0 0 3px var(--shadow-color);
+    box-decoration-break: clone;
+    outline: 1px dotted var(--primary-color);
+    outline-offset: 2px;
+}