From 024b54a8a752c57e8e6fcc1e8ff80c98bcf9aa0f Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Tue, 22 Apr 2025 14:15:48 -0500
Subject: [PATCH] Get this effect with `mix-blend-mode`

---
 app/assets/stylesheets/cards.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/cards.css b/app/assets/stylesheets/cards.css
index 9e4d8dc11..b913db6a9 100644
--- a/app/assets/stylesheets/cards.css
+++ b/app/assets/stylesheets/cards.css
@@ -218,10 +218,10 @@
     flex-direction: column;
     inset: auto var(--block-space) var(--block-space-double) auto;
     justify-content: space-between;
+    mix-blend-mode: multiply;
     padding: var(--block-space-half) calc(var(--inline-space) * 1.5);
     position: absolute;
     transform: rotate(-10deg);
-    z-index: -1;
   }
 
   .card__closed-by {