Add a table of contents to the single template
Pages can show the table of contents by setting the renderTableOfContents parameter.
This commit is contained in:
		
							parent
							
								
									3837e77d63
								
							
						
					
					
						commit
						4d303b984e
					
				
					 3 changed files with 42 additions and 0 deletions
				
			
		
							
								
								
									
										34
									
								
								assets/css/099_table_of_contents.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										34
									
								
								assets/css/099_table_of_contents.css
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,34 @@
 | 
			
		|||
details:has(#TableOfContents) {
 | 
			
		||||
  grid-column: main-start / main-end;
 | 
			
		||||
 | 
			
		||||
  summary {
 | 
			
		||||
    font-family: var(--font-family-heading);
 | 
			
		||||
    font-size: var(--text-m);
 | 
			
		||||
 | 
			
		||||
    &::before {
 | 
			
		||||
        content: "+ ";
 | 
			
		||||
        font-weight: bold;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    &::-webkit-details-marker {
 | 
			
		||||
        display: none;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &[open] {
 | 
			
		||||
    summary::before {
 | 
			
		||||
      content: "- ";
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  #TableOfContents {
 | 
			
		||||
    > ul {
 | 
			
		||||
      padding-inline-start: 2ch; /*var(--space-m);*/
 | 
			
		||||
      margin-block: 0;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    ul {
 | 
			
		||||
        list-style-type: none;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue