From b5fea706af1014900c67ca06f55f833efbf644f3 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Tue, 29 Mar 2022 00:01:10 -0300
Subject: really wip experimental focus ring stuff

---
 src/static/site.css | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

(limited to 'src')

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;
+}
-- 
cgit 1.3.0-6-gf8a5