Remove buggy --width functionality

inspire.mjs

@@ -414,12 +414,6 @@ let _ = {
 			// Adjust font size to prevent scrolling
 			_.adjustFontSize();
 
-			// Set slide width as a CSS variable, if smaller than viewport
-			if (slide.offsetWidth < innerWidth) {
-				slideWidthUpdated(slide);
-				// slideResizeObserver.observe(slide);
-			}
-
 			// Show or hide onscreen navigation
 			$("#onscreen-nav").classList.toggle("hidden", !slide.matches(".onscreen-nav"));
 

src/util.js

@@ -68,17 +68,6 @@ export function deduplicateId (element) {
 	}
 }
 
-export function slideWidthUpdated (slide) {
-	let delta = 30;
-	if (slide.offsetWidth + delta < innerWidth) {
-		let width = parseFloat(getComputedStyle(slide).width);
-		slide.style.setProperty("--width", Math.ceil(width) + delta);
-	}
-	else {
-		slide.style.removeProperty("--width");
-	}
-}
-
 export function bind (element, events) {
 	for (let names in events) {
 		for (let name of names.split(/\s+/)) {

style/base.css

@@ -114,7 +114,6 @@ img {
 
 .slide {
 	--slide-padding: 2.5rem;
-	--width-px: calc(var(--width) * 1px);
 
 	display: flex;
 	flex-flow: column;
@@ -158,8 +157,7 @@ img {
 		/* Size of content cannot exceed size of heading */
 		width: fit-content;
 		contain: none;
-		/* What does the 22px mean? I have no idea, it's a fudge factor to make it stop scrolling */
-		padding-inline: calc(50vw - var(--width-px, var(--slide-padding) - 100vw) / 2);
+		padding-inline: 3vmin;
 		box-sizing: content-box;
 		overflow: clip;