From 0eee3ce6321990244ac18e0f7e3b1f901e78279d Mon Sep 17 00:00:00 2001 From: lonkaars Date: Wed, 12 May 2021 21:05:11 +0200 Subject: the big class thing --- styles/presentation.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) (limited to 'styles') diff --git a/styles/presentation.css b/styles/presentation.css index 3b659c6..0297484 100644 --- a/styles/presentation.css +++ b/styles/presentation.css @@ -2,13 +2,18 @@ background-color: var(--c100); } +.presentation { + --aspect-ratio-h: 16; + --aspect-ratio-v: 9; +} + .slideWrapper { margin: 0 auto; - max-width: calc(16 / 9 * 100vh); + max-width: calc(var(--aspect-ratio-h) / var(--aspect-ratio-v) * 100vh); } .slideWrapper .slide { - padding-top: calc(9 / 16 * 100%); + padding-top: calc(var(--aspect-ratio-v) / var(--aspect-ratio-h) * 100%); background-color: var(--c200); } -- cgit v1.2.3