summary refs log tree commit diff stats
path: root/geschichte/css/layout.scss
diff options
context:
space:
mode:
Diffstat (limited to 'geschichte/css/layout.scss')
-rw-r--r--geschichte/css/layout.scss69
1 files changed, 0 insertions, 69 deletions
diff --git a/geschichte/css/layout.scss b/geschichte/css/layout.scss
deleted file mode 100644
index f499fdd..0000000
--- a/geschichte/css/layout.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-/**
- * Layout helpers.
- */
-
-// Stretch an element vertically based on available space
-.reveal .stretch,
-.reveal .r-stretch {
-	max-width: none;
-	max-height: none;
-}
-
-.reveal pre.stretch code,
-.reveal pre.r-stretch code {
-	height: 100%;
-	max-height: 100%;
-	box-sizing: border-box;
-}
-
-// Text that auto-fits its container
-.reveal .r-fit-text {
-	display: inline-block; // https://github.com/rikschennink/fitty#performance
-	white-space: nowrap;
-}
-
-// Stack multiple elements on top of each other
-.reveal .r-stack {
-	display: grid;
-}
-
-.reveal .r-stack > * {
-	grid-area: 1/1;
-	margin: auto;
-}
-
-// Horizontal and vertical stacks
-.reveal .r-vstack,
-.reveal .r-hstack {
-	display: flex;
-
-	img, video {
-		min-width: 0;
-		min-height: 0;
-		object-fit: contain;
-	}
-}
-
-.reveal .r-vstack {
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-}
-
-.reveal .r-hstack {
-	flex-direction: row;
-	align-items: center;
-	justify-content: center;
-}
-
-// Naming based on tailwindcss
-.reveal .items-stretch { align-items: stretch; }
-.reveal .items-start { align-items: flex-start; }
-.reveal .items-center { align-items: center; }
-.reveal .items-end { align-items: flex-end; }
-
-.reveal .justify-between { justify-content: space-between; }
-.reveal .justify-around { justify-content: space-around; }
-.reveal .justify-start { justify-content: flex-start; }
-.reveal .justify-center { justify-content: center; }
-.reveal .justify-end { justify-content: flex-end; }