fix: performance regression introduced in v3

replace backdrop-blur with monochromatic background color
This commit is contained in:
ZhenShuo Leo authored and Nuno C. committed 2026-09-13 22:13:36 +01:00
1 parent 36b6a4551c
commit df4b71be84
2 files changed
+10 -1

No files matched your search

+9
View File
@@ -2071,6 +2071,9 @@
.bg-white\/60 {
background-color: color-mix(in oklab, #fff 60%, transparent);
}
.bg-white\/85 {
background-color: color-mix(in oklab, #fff 85%, transparent);
}
.bg-linear-60 {
--tw-gradient-position: 60deg;
@supports (background-image: linear-gradient(in lab, red, red)) {
@@ -3491,6 +3494,12 @@
background-color: color-mix(in oklab, rgba(var(--color-neutral-900), 1) 50%, transparent);
}
}
.dark\:bg-neutral-900\/80:is(.dark *) {
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-900), 1), 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, rgba(var(--color-neutral-900), 1) 80%, transparent);
}
}
.dark\:bg-neutral-900\/99:is(.dark *) {
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-900), 1), 1) 99%, transparent);
@supports (color: color-mix(in lab, red, red)) {
+1 -1
View File
@@ -67,7 +67,7 @@
<article
class="article-link--card group relative min-h-full min-w-full overflow-hidden rounded-lg border border-neutral-300/80 bg-white/60 backdrop-blur-xl dark:border-neutral-600/80 dark:bg-neutral-900/50">
class="article-link--card group relative min-h-full min-w-full overflow-hidden rounded-lg border border-neutral-300/80 bg-white/85 dark:border-neutral-600/80 dark:bg-neutral-900/80">
{{ with $featuredURL }}
<div
class="flex-none relative overflow-hidden thumbnail_card"