commit f4ee70d8de8735351b293bad9bf90797c895cc23 · hauleth.dev/blog

+16 -1

sass/_main.scss

···

       38
       38
        
         }

     

       39
       39
        
       

     

       40
       40
        
         .zola-anchor {

     

       41
       41
       -
           font-size: 1.5rem;

     

       41
       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
       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
       252
       +
       

     

       253
       253
       +
       ol {

     

       254
       254
       +
         counter-reset: li;

     

       255
       255
       +
         list-style: none;

     

       256
       256
       +
       

     

       257
       257
       +
         li {

     

       258
       258
       +
           counter-increment: li;

     

       259
       259
       +
       

     

       260
       260
       +
           // Todo change it to ::marker when Safari will support it

     

       261
       261
       +
           &::before {

     

       262
       262
       +
             content: counters(li, ".") ". ";

     

       263
       263
       +
           }

     

       264
       264
       +
         }

     

       265
       265
       +
       }

templates/anchor-link.html

···

       1
       1
       +
       <a class="zola-anchor" href="#{{ id }}" aria-label="Anchor link for: {{ id }}">#</a>