From 6f4a87462b55c69ce3218660969ffe777c3c9b76 Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Sun, 11 Feb 2024 14:24:03 -0500
Subject: [PATCH] `data-step` attribute for synchronized showing of elements

---
 inspire.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/inspire.css b/inspire.css
index 367173a..86c4461 100755
--- a/inspire.css
+++ b/inspire.css
@@ -164,6 +164,22 @@ body {
 	}
 }
 
+.slide[data-steps] {
+	[data-step] {
+		opacity: 0;
+		transition-property: var(--transition-properties);
+		transition-duration: var(--transition-duration);
+	}
+
+	&[data-step-all~="1"] [data-step="1"],
+	&[data-step-all~="2"] [data-step="2"],
+	&[data-step-all~="3"] [data-step="3"],
+	&[data-step-all~="4"] [data-step="4"],
+	&[data-step-all~="5"] [data-step="5"] {
+		opacity: 1;
+	}
+}
+
 @media print {
 	@page {
 		size: landscape;