Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: restore backdrop-filter blur in production builds

Browse Source 
Lightning CSS was deduplicating manually written backdrop-filter +
-webkit-backdrop-filter to just the webkit version, breaking blur on
Firefox. Remove manual webkit prefixes and let Lightning CSS auto-prefix
via browser targets in vite.config.ts.
This commit is contained in:
Alexander Bocken
2026-04-07 21:46:02 +02:00
parent 973783cf53
commit 2b85d3f2a1
4 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/Header.svelte
-1
View File
@@ -57,7 +57,6 @@ nav {
border-radius: 100px;
background: var(--nav-bg, rgba(46, 52, 64, 0.82));
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid var(--nav-border, rgba(255,255,255,0.08));
box-shadow: 0 4px 24px var(--nav-shadow, rgba(0,0,0,0.25));
view-transition-name: site-header;