From e627d7363dc59890743c80bb3fdce1a354e10f22 Mon Sep 17 00:00:00 2001
From: Sam Scholten
Date: Thu, 27 Aug 2026 14:29:06 +1000
Subject: add highlight-left/right modifiers for column emphasis

---
 acarp.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

(limited to 'acarp.css')

diff --git a/acarp.css b/acarp.css
index ed10edb..2e4c05a 100644
--- a/acarp.css
+++ b/acarp.css
@@ -597,6 +597,23 @@ section.layout-2col-center img {
   display: block;
 }
 
+/* ============================================================================
+   LAYOUT: highlight-left / highlight-right
+
+   Modifiers that fade out one column of a two-column slide to draw
+   attention to the other. Combine with layout-2col or layout-2col-center:
+
+   <!-- _class: layout-2col-center highlight-left -->
+
+   Use across consecutive slides to build up a two-sided comparison,
+   introducing one half first, then the other.
+   ============================================================================ */
+
+section.highlight-left .right-column,
+section.highlight-right .left-column {
+  opacity: 0.35;
+}
+
 /* ============================================================================
    SYNTAX HIGHLIGHTING OVERRIDE
    
-- 
cgit v1.2.3