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.

Responses

In response to blip #133858

dba_afish said:
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.

this actually might just be some bits of svg in general causing the problem. zooming in on the icons on the homepage and scrolling around causes my FPS to drop far below 60. it seems like it's slightly worse with the drop shadows on, but it's still not great without. it might just be that the topology of those star and fire icons are crazy or something.

In response to blip #133858

dba_afish said:
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.

Well it (doesn't) work on my machine. It seems to round down to 0, and if i put .99 it rounds to 1 (and then i will actually be able to see it)