show checkerboard behind images to let you see it's transparent

greggman · Jul 14, 2024 · 71f1934 · 71f1934
1 parent 1600312
commit 71f1934
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/listing.html b/src/listing.html
@@ -191,6 +191,16 @@
   background-position: center center;
   background-color: var(--thumbnail-bg);
 }
+.thumbnail img {
+  background-color: #404040;
+  background-image:
+     linear-gradient(45deg, #808080 25%, transparent 25%),
+     linear-gradient(-45deg, #808080 25%, transparent 25%),
+     linear-gradient(45deg, transparent 75%, #808080 75%),
+     linear-gradient(-45deg, transparent 75%, #808080 75%);
+  background-size: 32px 32px;
+  background-position: 0 0, 0 16px, 16px -16px, -16px 0px;  
+}
 .thumbnail:hover {
   border: 1px solid white;
 }