vrifox/website
vrifox/website
1
0
Fork 0
Code Issues 2 Pull requests Activity

respect reduced motion preference

Browse source
This commit is contained in:
Vri 🌈 2023-05-17 13:54:02 +02:00
parent 4fe76e19b7
commit e8f74110b5
Signed by: vrifox
GPG key ID: D40098E5B60B2197
6 changed files with 115 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

18
assets/scss/home.scss
View file

@ -21,30 +21,38 @@
mask: var(--vriish-waves);
-webkit-mask: var(--vriish-waves);
padding: 5rem 1rem 8rem 1rem;
@media (max-width: 1140px) {
height: 90vh;
font-size: 1.5rem;
}
h1 {
letter-spacing: 0.5rem;
font-size: 7rem;
@media (max-width: 1140px) {
font-size: 4rem;
}
}
p {
letter-spacing: 0.15rem;
}
#scroll-down {
bottom: 2rem;
color: var(--vriish-gradient-text);
font-family: FreeSerif, serif;
font-size: 4.8rem;
position: absolute;
bottom: 2rem;
animation: 1s ease-in infinite alternate scrollDown;
font-family: FreeSerif, serif;
text-decoration: none;
color: var(--vriish-gradient-text);
transition: color 0.2s ease-in-out;
@media (prefers-reduced-motion: no-preference) {
animation: 1s ease-in infinite alternate scrollDown;
transition: color 0.2s ease-in-out;
}
&:hover {
color: var(--vriish-gradient-text-hover);
}