talexander/natter
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Add a hover effect to the home link in the page header.
All checks were successful
format Build format has succeeded
Details
clippy Build clippy has succeeded
Details
rust-test Build rust-test has succeeded
Details
build Build build has succeeded
Details

Browse Source
This commit is contained in:
Tom Alexander 2025-02-22 23:16:18 -05:00
parent 0250aa106e
commit 0420f58d02
Signed by: talexander
GPG Key ID: D3A179C9A53C0EDE
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
default_environment/stylesheet/main.css
View File

@ -27,6 +27,8 @@
--header-nav-regular-background-color: var(--site-background-color); --header-nav-regular-background-color: var(--site-background-color);
--header-nav-hover-font-color: var(--site-background-color); --header-nav-hover-font-color: var(--site-background-color);
--header-nav-hover-background-color: var(--site-text-color); --header-nav-hover-background-color: var(--site-text-color);
--header-home-regular-font-color: var(--site-text-color);
--header-home-hover-font-color: #6ccff6;
} }
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
@ -55,6 +57,8 @@
--header-nav-regular-background-color: var(--site-background-color); --header-nav-regular-background-color: var(--site-background-color);
--header-nav-hover-font-color: var(--site-background-color); --header-nav-hover-font-color: var(--site-background-color);
--header-nav-hover-background-color: var(--site-text-color); --header-nav-hover-background-color: var(--site-text-color);
--header-home-regular-font-color: var(--site-text-color);
--header-home-hover-font-color: #933009;
} }
} }
@ -95,10 +99,18 @@ body {
font-size: 2rem; font-size: 2rem;
font-weight: 600; font-weight: 600;
text-decoration: none; text-decoration: none;
color: var(--header-home-regular-font-color);
transition-property: color;
transition-duration: 0.1s;
transition-timing-function: ease-out;
&:hover {
color: var(--header-home-hover-font-color) !important;
}
&:link, &:link,
&:visited { &:visited {
color: var(--site-text-color); color: inherit;
} }
} }