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)

SNPtheCat said:
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)

hmm...

uhh... one more thing you could try, I'd be very surprised if this worked; it's a really jank way of doing it:

svg, .nav-logo a.nav-logo-link { font-size: .67px; filter: drop-shadow(var(--color-section) -1em -1em 0) drop-shadow(var(--color-section) -1em 1em 0) drop-shadow(var(--color-section) 1em -1em 0) drop-shadow(var(--color-section) 1em 1em 0); }

the only other thing I can think of is trying to use transform: scale() or something but-- I dunno.

it's very strange to me that sub-pixel values would work for text-shadow but not this...