From c1f9247c86b4a001cf308e3bc24d9234dbabb0c4 Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Sat, 15 Jun 2024 03:13:48 +0300
Subject: [PATCH] Make the anchor link visible on keyboard focus

Sorry keyboard users, completely overlooked this :<
---
 sass/_zola-anchor.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/sass/_zola-anchor.scss b/sass/_zola-anchor.scss
index 0b34140..71bbade 100644
--- a/sass/_zola-anchor.scss
+++ b/sass/_zola-anchor.scss
@@ -18,6 +18,10 @@ h6 {
         background-color: var(--primary-color);
     }
 
+    &:focus-visible {
+        opacity: 1;
+    }
+
     .icon {
         $icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4 4C1.8 4 0 5.8 0 8s1.8 4 4 4v-2c-1.125 0-2-.875-2-2s.875-2 2-2h3c1.125 0 2 .875 2 2 0 .84-.496 1.535-1.207 1.84l.785 1.84A4 4 0 0 0 11 8c0-2.2-1.8-4-4-4zm8 2v2c1.125 0 2 .875 2 2s-.875 2-2 2H9c-1.125 0-2-.875-2-2 0-.828.484-1.516 1.184-1.828l-.817-1.828A4.01 4.01 0 0 0 5 10c0 2.2 1.8 4 4 4h3c2.2 0 4-1.8 4-4s-1.8-4-4-4'/%3E%3C/svg%3E");
         -webkit-mask-image: $icon;