From f4ee70d8de8735351b293bad9bf90797c895cc23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Niemier?= <lukasz@niemier.pl>
Date: Thu, 30 Jun 2022 14:46:23 +0200
Subject: [PATCH] fix: better list counters

---
 sass/_main.scss            | 17 ++++++++++++++++-
 templates/anchor-link.html |  1 +
 2 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 templates/anchor-link.html

diff --git a/sass/_main.scss b/sass/_main.scss
index a1e06f1..d2c8978 100644
--- a/sass/_main.scss
+++ b/sass/_main.scss
@@ -38,13 +38,14 @@ h1, h2, h3, h4, h5, h6 {
   }
 
   .zola-anchor {
-    font-size: 1.5rem;
+    font-size: .75em;
     visibility: hidden;
     margin-left: 0.5rem;
     vertical-align: 1%;
     text-decoration: none;
     border-bottom-color: transparent;
     cursor: pointer;
+    color: var(--accent);
 
     @media (hover: none){
       visibility: visible;
@@ -248,3 +249,17 @@ hr {
   background: var(--border-color);
   height: 1px;
 }
+
+ol {
+  counter-reset: li;
+  list-style: none;
+
+  li {
+    counter-increment: li;
+
+    // Todo change it to ::marker when Safari will support it
+    &::before {
+      content: counters(li, ".") ". ";
+    }
+  }
+}
diff --git a/templates/anchor-link.html b/templates/anchor-link.html
new file mode 100644
index 0000000..bae85e7
--- /dev/null
+++ b/templates/anchor-link.html
@@ -0,0 +1 @@
+<a class="zola-anchor" href="#{{ id }}" aria-label="Anchor link for: {{ id }}">#</a>
-- 
2.51.2