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