Rockingcool/paige-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add transition to header links

Browse Source
This commit is contained in:
Will Faught
2023-01-07 10:52:07 -08:00
parent 3137b22176
commit 3ef9217a84
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
layouts/partials/paige/style.html
View File

@@ -47,9 +47,21 @@ section[class="paige-content"] > div {
} }
.paige-header-link { .paige-header-link {
display: none;
margin-left: 0.5ch; margin-left: 0.5ch;
opacity: 0;
position: absolute; position: absolute;
text-decoration: none;
transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.paige-header-link {
transition: none;
}
}
.paige-header-link:focus, .paige-header-link:hover, :hover > .paige-header-link, :target > .paige-header-link {
opacity: 1;
} }
{{ with .Site.Params.paige.color_scheme }} {{ with .Site.Params.paige.color_scheme }}