From b5fea706af1014900c67ca06f55f833efbf644f3 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" 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(+) diff --git a/src/static/site.css b/src/static/site.css index c88343e..f03fafd 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