Move anchor styles to their own stylesheet
This commit is contained in:
		
							parent
							
								
									11295e1eb2
								
							
						
					
					
						commit
						975b56a6be
					
				
					 2 changed files with 37 additions and 20 deletions
				
			
		
							
								
								
									
										37
									
								
								assets/css/010_anchors.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										37
									
								
								assets/css/010_anchors.css
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,37 @@
 | 
			
		|||
{{/*
 | 
			
		||||
    010_anchors.css
 | 
			
		||||
    Eryn Wells <eryn@erynwells.me>
 | 
			
		||||
*/}}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
/**********
 | 
			
		||||
 # ANCHORS 
 | 
			
		||||
 **********/
 | 
			
		||||
 | 
			
		||||
a {
 | 
			
		||||
  --hover-animating-timing: 0.1s;
 | 
			
		||||
 | 
			
		||||
  color: var(--blue);
 | 
			
		||||
  text-decoration: none;
 | 
			
		||||
  transition: color var(--hover-animating-timing);
 | 
			
		||||
 | 
			
		||||
  &:hover {
 | 
			
		||||
    color: var(--blue);
 | 
			
		||||
    text-decoration: underline;
 | 
			
		||||
    transition: color var(--hover-animating-timing);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &:visited {
 | 
			
		||||
    color: var(--blue);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (prefers-reduce-motion: reduce) {
 | 
			
		||||
  a {
 | 
			
		||||
    text-decoration: underline;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -54,26 +54,6 @@
 | 
			
		|||
{{- end }}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
a {
 | 
			
		||||
  --hover-animating-timing: 0.1s;
 | 
			
		||||
 | 
			
		||||
  color: var(--blue);
 | 
			
		||||
  text-decoration: none;
 | 
			
		||||
  transition: color var(--hover-animating-timing);
 | 
			
		||||
 | 
			
		||||
  &:hover {
 | 
			
		||||
    color: var(--blue);
 | 
			
		||||
    text-decoration: underline;
 | 
			
		||||
    transition: color var(--hover-animating-timing);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (prefers-reduce-motion: reduce) {
 | 
			
		||||
  a {
 | 
			
		||||
    text-decoration: underline;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
html {
 | 
			
		||||
  font-family: var(--font-family-body);
 | 
			
		||||
  font-size: var(--text-base-size);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue