Move page navigation CSS to its own stylesheet
This commit is contained in:
		
							parent
							
								
									576e7cb485
								
							
						
					
					
						commit
						11295e1eb2
					
				
					 2 changed files with 44 additions and 34 deletions
				
			
		| 
						 | 
				
			
			@ -35,40 +35,6 @@ img {
 | 
			
		|||
  object-fit: contain;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
.page-navigation {
 | 
			
		||||
  align-items: baseline;
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-wrap: nowrap;
 | 
			
		||||
  justify-content: space-between;
 | 
			
		||||
  list-style: none;
 | 
			
		||||
  padding-inline: 0;
 | 
			
		||||
 | 
			
		||||
  &:has(.next-page:only-child) {
 | 
			
		||||
    justify-content: flex-end;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  li {
 | 
			
		||||
    display: flex block;
 | 
			
		||||
    height: 2lh;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .next-page {
 | 
			
		||||
    text-align: right;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .previous-page::before {
 | 
			
		||||
    content: "←";
 | 
			
		||||
    padding-inline-end: var(--space-s);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .next-page::after {
 | 
			
		||||
    content: "→";
 | 
			
		||||
    padding-inline-start: var(--space-s);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.content-term-list {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  list-style: none;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										44
									
								
								assets/css/099_page_navigation.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										44
									
								
								assets/css/099_page_navigation.css
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,44 @@
 | 
			
		|||
{{/*
 | 
			
		||||
    099_page_navigation.css
 | 
			
		||||
    Eryn Wells <eryn@erynwells.me>
 | 
			
		||||
*/}}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
/******************
 | 
			
		||||
 # PAGE NAVIGATION
 | 
			
		||||
 ******************/
 | 
			
		||||
 | 
			
		||||
.page-navigation {
 | 
			
		||||
  align-items: baseline;
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-wrap: nowrap;
 | 
			
		||||
  justify-content: space-between;
 | 
			
		||||
  list-style: none;
 | 
			
		||||
  padding-inline: 0;
 | 
			
		||||
 | 
			
		||||
  &:has(.next-page:only-child) {
 | 
			
		||||
    justify-content: flex-end;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  li {
 | 
			
		||||
    display: flex block;
 | 
			
		||||
    height: 2lh;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .next-page {
 | 
			
		||||
    text-align: right;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .previous-page::before {
 | 
			
		||||
    content: "←";
 | 
			
		||||
    padding-inline-end: var(--space-s);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  .next-page::after {
 | 
			
		||||
    content: "→";
 | 
			
		||||
    padding-inline-start: var(--space-s);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue