In response to blip #133857
SNPtheCat said:
Probably a bit too early to ask you for help again, but any idea on how to make a decent-ish stroke for svg icons? text-shadow doesn't work (obviously) and drop-shadow doesn't accommodate fractional pixels :(. And of course the magnifying glass icon for the search is a stroke itself, so that's not nice
are you sure drop-shadow dosn't support non-whole numbers? because with my testing it seems like it does:
svg, .nav-logo a.nav-logo-link { filter: drop-shadow(var(--color-section) -.66px -.66px 0) drop-shadow(var(--color-section) -.66px .66px 0) drop-shadow(var(--color-section) .66px -.66px 0) drop-shadow(var(--color-section) .66px .66px 0); }
EDIT: I will say that this function seems like it causes hella lag, in some situations though, so it might be best to use it sparingly, and not just on all svg like I did here.