Map.md
... ...
@@ -37,7 +37,7 @@
37 37
<div class="hex pos-c"><a href="#bedegar"><span class="label">BEDEGAR</span></a></div>
38 38
<div class="hex pos-nw"><a href="#dalrath" data-action="zoom"><span class="label">DALRATH</span></a></div>
39 39
<div class="hex pos-ne"><a href="#vasloria"><span class="label">ELGENWODE</span></a></div>
40
- <div class="hex pos-sw"><a href="/Blackbottom%20Bay.md"><span class="label">BLACKBOTTOM<br>BAY</span></a></div>
40
+ <div class="hex pos-sw"><a href="/Blackbottom%20Bay.md" data-action="article"><span class="label">BLACKBOTTOM<br>BAY</span></a></div>
41 41
<div class="hex pos-se"><a href="#vasloria"><span class="label">PLAIN<br>OF FEAR</span></a></div>
42 42
<div class="hex pos-n"><a href="#vasloria"><span class="label">GREAT<br>WOODS</span></a></div>
43 43
<div class="hex pos-s"><a href="#vasloria"><span class="label">TOR EMINENT</span></a></div>
custom.css
... ...
@@ -380,11 +380,15 @@ h1.header-title {
380 380
.hex a[data-action="zoom"]:focus-visible {
381 381
box-shadow: 0 0 0 2px #6aa0ff inset, 0 0 0 1px #6aa0ff;
382 382
background: #1f2431;
383
+ outline: 4px solid currentColor;
384
+ outline-offset: 4px;
383 385
}
384 386
.hex a[data-action="article"]:hover,
385 387
.hex a[data-action="article"]:focus-visible {
386 388
box-shadow: 0 0 0 2px #5fc98e inset, 0 0 0 1px #5fc98e;
387 389
background: #1c2b23;
390
+ outline: 2px solid currentColor;
391
+ outline-offset: 2px;
388 392
}
389 393
.hex a[data-action="none"]:hover,
390 394
.hex a[data-action="none"]:focus-visible,
... ...
@@ -407,15 +411,3 @@ h1.header-title {
407 411
font-size: 14px;
408 412
opacity: 0.9;
409 413
}
410
-
411
-/* Accessible focus ring */
412
-.hex a:focus-visible {
413
- outline: 2px solid currentColor;
414
- outline-offset: 2px;
415
-}
416
-
417
-/* Optional: default corner glyphs via attribute selectors */
418
-.hex a[data-action="zoom"]::after { content: "⬣"; } /* zoom metaphor */
419
-.hex a[data-action="article"]::after { content: "🗎"; } /* external/article */
420
-.hex a[data-action="none"]::after,
421
-.hex .nolink::after { content: ""; }