From 5a9966b74edefd0489cf8539e70e43bc7e3d253f Mon Sep 17 00:00:00 2001 From: Aevann Date: Mon, 26 Jun 2023 14:01:56 +0300 Subject: [PATCH] slightly reduce wholesome and scooter award size on desktop --- files/assets/css/awards.css | 42 +++++++++---------------------------- 1 file changed, 10 insertions(+), 32 deletions(-) diff --git a/files/assets/css/awards.css b/files/assets/css/awards.css index 48437f5a4..f23ca1224 100644 --- a/files/assets/css/awards.css +++ b/files/assets/css/awards.css @@ -14,18 +14,20 @@ animation-timing-function: linear !important; } -/*seal*/ +.scooter img { + width: min(7vw, 50px) !important; +} + .wholesome img { - width: 100px !important; - height: 89.5px !important; + width: min(8vw, 60px) !important; } -@media (max-width: 992px) { - .wholesome img { - width: 40px !important; - height: 27px !important; - } + +.train img { + width: min(10vw, 80px) !important; } + + .wholesome {animation: sealX 9s alternate} .wholesome img {animation: sealY 10s alternate} @@ -40,18 +42,6 @@ 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(2), .scooter:nth-child(2) {top:27%} .train:nth-child(3), .scooter:nth-child(3) {top:52%} @@ -66,18 +56,6 @@ 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:nth-child(even) {animation-direction: reverse;} .scooter:nth-child(even) img {transform: scaleX(-1);}