stuff

LeaVerou · Aug 15, 2024 · 80bcfab · 80bcfab
1 parent 93269d9
commit 80bcfab
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 10 deletions.
diff --git 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
@@ -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));
 }