mirror of
				https://github.com/ItsDrike/itsdrike.com.git
				synced 2025-11-04 04:06:36 +00:00 
			
		
		
		
	Add no-color-change anchor style
This commit is contained in:
		
							parent
							
								
									34927a8d00
								
							
						
					
					
						commit
						8390da28bc
					
				
					 1 changed files with 24 additions and 17 deletions
				
			
		| 
						 | 
					@ -14,23 +14,6 @@ html, body {
 | 
				
			||||||
  color: $body-color;
 | 
					  color: $body-color;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
a {
 | 
					 | 
				
			||||||
  color: $primary;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
  &:hover {
 | 
					 | 
				
			||||||
    transition: color 0.5s;
 | 
					 | 
				
			||||||
    color: $body-color;
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
  &.colour-invert {
 | 
					 | 
				
			||||||
    color: $body-color;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    &:hover {
 | 
					 | 
				
			||||||
      color: $primary;
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.navbar {
 | 
					.navbar {
 | 
				
			||||||
  background-color: $black;
 | 
					  background-color: $black;
 | 
				
			||||||
  padding-top: 0;
 | 
					  padding-top: 0;
 | 
				
			||||||
| 
						 | 
					@ -94,3 +77,27 @@ footer {
 | 
				
			||||||
  // screen height - top padding - navbar height - footer margin
 | 
					  // screen height - top padding - navbar height - footer margin
 | 
				
			||||||
  min-height: calc(100vh - #{$spacer * 5} - #{$navbar-height} - #{$spacer * 3});
 | 
					  min-height: calc(100vh - #{$spacer * 5} - #{$navbar-height} - #{$spacer * 3});
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					a {
 | 
				
			||||||
 | 
					  color: $primary;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &:hover {
 | 
				
			||||||
 | 
					    transition: color 0.5s;
 | 
				
			||||||
 | 
					    color: $body-color;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  &.colour-invert {
 | 
				
			||||||
 | 
					    color: $body-color;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    &:hover {
 | 
				
			||||||
 | 
					      color: $primary;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					a.no-color-change {
 | 
				
			||||||
 | 
					  &, &:hover {
 | 
				
			||||||
 | 
					    text-decoration: none;
 | 
				
			||||||
 | 
					    color: inherit;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue