From 80bcfabe40bd450d636c6c4db9a28dc16b43b655 Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Thu, 15 Aug 2024 17:37:23 +0300
Subject: [PATCH] stuff

---
 inspire.css                  | 34 +++++++++++++++++++++++++---------
 style/components/ribbons.css |  2 +-
 2 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/inspire.css b/inspire.css
index ff38b19..6708041 100755
--- a/inspire.css
+++ b/inspire.css
@@ -184,26 +184,42 @@ body {
 		}
 	}
 
-	&:not(.current) {
+	&.future {
 		&:where(.collapse, .collapse > *, .delayed-collapse *) {
 			display: none;
 		}
 	}
+
+	&:not(.current) {
+		&:where(.collapse-notcurrent, .collapse-notcurrent > *, .delayed-collapse-notcurrent *) {
+			display: none;
+		}
+	}
 }
 
 .slide[data-steps] {
-	[data-step] {
+	[data-step],
+	[data-step-from] {
 		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"] {
+		--step-active: 0;
+	}
+
+	&[data-step-all$="0"] [data-step="0"],
+	&[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"],
+	&[data-step-all~="0"] [data-step-from="0"],
+	&[data-step-all~="1"] [data-step-from="1"],
+	&[data-step-all~="2"] [data-step-from="2"],
+	&[data-step-all~="3"] [data-step-from="3"],
+	&[data-step-all~="4"] [data-step-from="4"],
+	&[data-step-all~="5"] [data-step-from="5"] {
 		opacity: 1;
+		--step-active: 1;
 	}
 }
 
diff --git a/style/components/ribbons.css b/style/components/ribbons.css
index a0faff4..9dcd9d0 100644
--- a/style/components/ribbons.css
+++ b/style/components/ribbons.css
@@ -22,6 +22,6 @@
 	line-height: 1.1;
 	white-space: pre-line;
 	min-width: 20em;
-	box-shadow: 0 10px 5px -5px rgb(0 0 0 / .3);
+	box-shadow: 0 10px 1em -.6em black;
 	transform: rotate(45deg) translate(6em, var(--ribbon-offset, -2em));
 }
\ No newline at end of file