diff options
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/presentation.css | 9 |
1 files changed, 7 insertions, 2 deletions
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); } |