Fix sizing and hover behavior for desktop

This commit is contained in:
Justin Edmund 2022-12-27 08:36:29 -08:00
parent 265cab0527
commit 4a2fe46078

View file

@ -1,16 +1,18 @@
.UncapStar { .UncapStar {
$size: 18px; $size: 18px;
@media (max-width: $tablet) {
$size: 12px;
}
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: $size; background-size: $size;
display: block; display: block;
height: $size; height: $size;
width: $size; width: $size;
@media (max-width: $phone) {
background-size: 12px;
height: 12px;
width: 12px;
}
@media (min-width: $laptop) { @media (min-width: $laptop) {
&:hover { &:hover {
transform: scale(1.2); transform: scale(1.2);