Fixes the issue for now

This does introduce a new bug with SVG background images—they are appearing incredibly blurry even though they're SVGs. I fear I will have to output raster images.
This commit is contained in:
Justin Edmund 2022-12-27 10:09:32 -08:00
parent 4a2fe46078
commit 70a83f274f

View file

@ -7,12 +7,6 @@
height: $size;
width: $size;
@media (max-width: $phone) {
background-size: 12px;
height: 12px;
width: 12px;
}
@media (min-width: $laptop) {
&:hover {
transform: scale(1.2);
@ -63,3 +57,13 @@
}
}
}
// Phone up to iPhone 14 Pro Max
@media only screen and (max-width: 430px) and (max-height: 850px) and (-webkit-device-pixel-ratio: 3) {
.UncapStar {
background-size: cover;
image-rendering: crisp-edges;
height: 14px;
width: 14px;
}
}