« get me outta code hell

really wip experimental focus ring stuff - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2022-03-29 00:01:10 -0300
committer(quasar) nebula <qznebula@protonmail.com>2022-03-29 00:01:10 -0300
commitb5fea706af1014900c67ca06f55f833efbf644f3 (patch)
treee54ff57a271da4d04257f67fd61c4ffdd251e0b5
parente8d048b093021630b71b38095b1375d464a93571 (diff)
really wip experimental focus ring stuff focus-ring-tests
-rw-r--r--src/static/site.css40
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;
+}