eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Rename the transition duration variable on the home page

Browse source
This commit is contained in:
Eryn Wells 2022-09-24 07:47:09 -07:00
parent 3d7aa7a092
commit 05d87dfa19
1 changed files with 4 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

9
content/home.css
View file

@ -1,6 +1,5 @@
:root {
--animation-offset: 6px;
--animation-duration: 0.7s;
}
body {
@ -73,19 +72,19 @@ main p {
#title > *, #content > *, #nav > * { position: relative; }
#title > * {
animation: left-fade-in var(--animation-duration) ease-in-out;
animation: left-fade-in var(--transition-duration) ease-in-out;
}
@media (max-width: 450px) {
#title > * {
animation: top-fade-in var(--animation-duration) ease-in-out;
animation: top-fade-in var(--transition-duration) ease-in-out;
}
}
#content > *, #nav > * {
animation: right-fade-in var(--animation-duration) ease-in-out;
animation: right-fade-in var(--transition-duration) ease-in-out;
}
@media (max-width: 450px) {
#content > *, #nav > * {
animation: bottom-fade-in var(--animation-duration) ease-in-out;
animation: bottom-fade-in var(--transition-duration) ease-in-out;
}
}