My personal blog
hauleth.dev
blog
fix: better list counters
+17
-1
+16
-1
sass/_main.scss
+16
-1
sass/_main.scss
···
38
38
}
39
39
40
40
.zola-anchor {
41
-
font-size: 1.5rem;
41
+
font-size: .75em;
42
42
visibility: hidden;
43
43
margin-left: 0.5rem;
44
44
vertical-align: 1%;
45
45
text-decoration: none;
46
46
border-bottom-color: transparent;
47
47
cursor: pointer;
48
+
color: var(--accent);
48
49
49
50
@media (hover: none){
50
51
visibility: visible;
···
248
249
background: var(--border-color);
249
250
height: 1px;
250
251
}
252
+
253
+
ol {
254
+
counter-reset: li;
255
+
list-style: none;
256
+
257
+
li {
258
+
counter-increment: li;
259
+
260
+
// Todo change it to ::marker when Safari will support it
261
+
&::before {
262
+
content: counters(li, ".") ". ";
263
+
}
264
+
}
265
+
}
+1
templates/anchor-link.html
+1
templates/anchor-link.html
···
1
+
<a class="zola-anchor" href="#{{ id }}" aria-label="Anchor link for: {{ id }}">#</a>