Removes homepage animations from small screens
This commit is contained in:
parent
d5dda0b462
commit
3003932980
@ -793,14 +793,6 @@ body#default
|
||||
border-radius: 10dvw 10dvw 0 0;
|
||||
left: 52dvw;
|
||||
width: 20dvw;
|
||||
|
||||
&:hover {
|
||||
transform: rotate(6deg) translateY(0.25dvh);
|
||||
|
||||
+ #square {
|
||||
transform: rotate(6deg) translateY(0.25dvh) translateX(0.5dvw);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#square {
|
||||
@ -808,10 +800,6 @@ body#default
|
||||
height: 12dvw;
|
||||
width: 12dvw;
|
||||
bottom: 0;
|
||||
|
||||
&:has(+ #circle:hover) {
|
||||
transform: translateX(-0.125dvw);
|
||||
}
|
||||
}
|
||||
|
||||
#circle {
|
||||
@ -834,10 +822,6 @@ body#default
|
||||
left: 2dvw;
|
||||
bottom: 0;
|
||||
transform-origin: 38%;
|
||||
|
||||
&:hover {
|
||||
transform: rotate(-6deg) translateY(-0.125dvh);
|
||||
}
|
||||
}
|
||||
|
||||
#triangle {
|
||||
@ -1058,6 +1042,14 @@ body#legacy
|
||||
width: 24dvh;
|
||||
left: auto;
|
||||
right: -1dvw;
|
||||
|
||||
&:hover {
|
||||
transform: rotate(6deg) translateY(0.25dvh);
|
||||
|
||||
+ #square {
|
||||
transform: rotate(6deg) translateY(0.25dvh) translateX(0.5dvw);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#square {
|
||||
@ -1065,6 +1057,10 @@ body#legacy
|
||||
height: 12dvh;
|
||||
width: 12dvh;
|
||||
right: 2dvw;
|
||||
|
||||
&:has(+ #circle:hover) {
|
||||
transform: translateX(-0.125dvw);
|
||||
}
|
||||
}
|
||||
|
||||
#circle {
|
||||
@ -1081,6 +1077,10 @@ body#legacy
|
||||
width: 36dvw;
|
||||
right: -16dvw;
|
||||
bottom: 25dvh;
|
||||
|
||||
&:hover {
|
||||
transform: rotate(-6deg) translateY(-0.125dvh);
|
||||
}
|
||||
}
|
||||
|
||||
#triangle {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user