From df6e8cd7efc6ee627b02627d6d79454d6d10f3fd Mon Sep 17 00:00:00 2001
From: Keith Solomon <keith@vincentdesign.ca>
Date: Sat, 20 Jun 2026 21:11:04 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix:=20Add=20gradient=20fade=20f?=
 =?UTF-8?q?or=20logo=20scroller=20track?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/blocks/index.css |  1 +
 styles/blocks/misc.css  | 24 ++++++++++++++++++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 styles/blocks/misc.css

diff --git a/styles/blocks/index.css b/styles/blocks/index.css
index e7efb94..0cf7c13 100644
--- a/styles/blocks/index.css
+++ b/styles/blocks/index.css
@@ -2,3 +2,4 @@
 
 @import './buttons.css';
 @import './core.css';
+@import './misc.css';
diff --git a/styles/blocks/misc.css b/styles/blocks/misc.css
new file mode 100644
index 0000000..c1375b4
--- /dev/null
+++ b/styles/blocks/misc.css
@@ -0,0 +1,24 @@
+/* Misc block styles */
+
+.logo-soup.layout-carousel {
+    /* Apply a gradient mask that fades 40px on both the left and right sides */
+    mask-image: linear-gradient(
+        to right,
+        transparent 0px,
+        black 40px,
+        black calc(100% - 40px),
+        transparent 100%
+    );
+
+    -webkit-mask-image: linear-gradient(
+        to right,
+        transparent 0px,
+        black 40px,
+        black calc(100% - 40px),
+        transparent 100%
+    );
+
+    /* Ensures the mask doesn't break scrolling functionality */
+    mask-composite: intersect;
+    -webkit-mask-composite: intersect;
+}