From 71f19346f8d0a87a2840f257c822adb77e92d676 Mon Sep 17 00:00:00 2001 From: Gregg Tavares Date: Sun, 14 Jul 2024 11:39:48 -0700 Subject: [PATCH] show checkerboard behind images to let you see it's transparent --- src/listing.html | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/listing.html b/src/listing.html index ab30750..b7339cf 100644 --- 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; }