jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-06-13 00:25:28 -04:00
Code Issues Activity

add nice and soothing fade transition when dark/light mode is toggled

Browse Source
This commit is contained in:
Jake Jarvis
2021-09-22 12:27:59 -04:00
parent 2ca02c81fd
commit 7353f0b95e
8 changed files with 64 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/sass/components/_global.scss
+1 -2
View File
@@ -77,9 +77,8 @@ a {
background-repeat: no-repeat;
background-size: 0% settings.$link-underline-size;
padding-bottom: settings.$link-underline-size;
transition: background-size 0.25s ease-in-out;
@include themes.themed(color, "links");
@include themes.themed(color, "links", ("background-size 0.25s ease-in-out"));
// cool link underlines (via messy SCSS hacking):
// https://www.dannyguo.com/blog/animated-multiline-link-underlines-with-css/
assets/sass/components/_header.scss
+2 -3
View File
@@ -62,15 +62,14 @@ header {
a {
display: inline-block;
transition: transform 0.15s ease-in-out;
will-change: transform;
@include themes.themed(color, "medium-dark");
@include themes.themed(color, "medium-dark", ("transform 0.15s ease-in-out"));
&:hover {
transform: scale(1.1);
@include themes.themed(color, "links");
@include themes.themed(color, "links", ("transform 0.15s ease-in-out"));
}
span.icon {