Changeset 3038fc9 in Klonkt for src/assets/css/style.css

Timestamp:

06/28/2026 05:33:42 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

041a0df

Parents:

600fbf3

Message:

fix(images): list-cover placeholder in style.css (inline cascade didn't win) + buster v62

File:

• src/assets/css/style.css (modified) (2 diffs)

src/assets/css/style.css

@@ -1932 +1932 @@
     overflow: hidden;
     border-radius: var(--radius);
+    /* Accent-gradient placeholder while the cover image loads (image fades in over it). */
+    background-image: linear-gradient(135deg,
+        color-mix(in srgb, var(--accent, #888) 22%, var(--paper-2, var(--paper))) 0%,
+        color-mix(in srgb, var(--accent, #888) 6%, var(--paper-2, var(--paper))) 100%);
 }
 .post-list-cover img {
@@ -1937 +1941 @@
     object-fit: cover;
     display: block;
-    filter: blur(.4px); /* subtle smoothing of downscaled line-art covers */
-}
+    background-color: #fff;            /* transparent logos sit on white once loaded */
+    filter: blur(.4px);               /* subtle smoothing of downscaled line-art covers */
+    transition: opacity .4s ease;
+}
+.post-list-cover img.is-loading { opacity: 0; }
 .post-list-body { display: flex; flex-direction: column; gap: .35rem; }
 .post-list-meta {