carpathianflorist
/
MarseyWorld
forked from MarseyWorld/MarseyWorld
1
0
Fork 0
Code Pull Requests Activity

slightly reduce wholesome and scooter award size on desktop

master
Aevann 2023-06-26 14:01:56 +03:00
parent 33d281cc2e
commit 5a9966b74e
1 changed files with 10 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
files/assets/css/awards.css
View File

@ -14,18 +14,20 @@
animation-timing-function: linear !important; animation-timing-function: linear !important;
} }
/*seal*/ .scooter img {
width: min(7vw, 50px) !important;
}
.wholesome img { .wholesome img {
width: 100px !important; width: min(8vw, 60px) !important;
height: 89.5px !important;
} }
@media (max-width: 992px) {
.wholesome img { .train img {
width: 40px !important; width: min(10vw, 80px) !important;
height: 27px !important;
}
} }
.wholesome {animation: sealX 9s alternate} .wholesome {animation: sealX 9s alternate}
.wholesome img {animation: sealY 10s alternate} .wholesome img {animation: sealY 10s alternate}
@ -40,18 +42,6 @@
100% {transform: translateY(85vh)} 100% {transform: translateY(85vh)}
} }
/*train*/
.train img {
width: 100px !important;
height: 51px !important;
}
@media (max-width: 992px) {
.train img {
width: 40px !important;
height: 20px !important;
}
}
.train:nth-child(1), .scooter:nth-child(1) {top:2%} .train:nth-child(1), .scooter:nth-child(1) {top:2%}
.train:nth-child(2), .scooter:nth-child(2) {top:27%} .train:nth-child(2), .scooter:nth-child(2) {top:27%}
.train:nth-child(3), .scooter:nth-child(3) {top:52%} .train:nth-child(3), .scooter:nth-child(3) {top:52%}
@ -66,18 +56,6 @@
to {transform: translateX(99vw)} to {transform: translateX(99vw)}
} }
/*scooter*/
.scooter img {
width: 100px !important;
height: 135px !important;
}
@media (max-width: 992px) {
.scooter img {
width: 40px !important;
height: 54px !important;
}
}
.scooter {animation: train 14s;} .scooter {animation: train 14s;}
.scooter:nth-child(even) {animation-direction: reverse;} .scooter:nth-child(even) {animation-direction: reverse;}
.scooter:nth-child(even) img {transform: scaleX(-1);} .scooter:nth-child(even) img {transform: scaleX(-1);}