diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-05-11 10:54:02 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-05-11 10:54:02 +0200 |
| commit | eeedaa17e11b0d74a9f84aa4f56e7d882de18519 (patch) | |
| tree | 9a9c3ccd1537a135e2c506c89ebcba6b78ccf41e /css | |
| parent | 1288a3280cb0206d3df8c89bb5eb2d94aac73d2a (diff) | |
| download | fosdem-2021-minimalism-presentation-eeedaa17e11b0d74a9f84aa4f56e7d882de18519.tar fosdem-2021-minimalism-presentation-eeedaa17e11b0d74a9f84aa4f56e7d882de18519.tar.gz | |
new 'r-stack' helper class for stacking & centering multiple elements
Diffstat (limited to 'css')
| -rw-r--r-- | css/reveal.scss | 19 |
1 files changed, 17 insertions, 2 deletions
diff --git a/css/reveal.scss b/css/reveal.scss index e94f79e..97f1894 100644 --- a/css/reveal.scss +++ b/css/reveal.scss @@ -213,17 +213,32 @@ html.reveal-full-page { position: relative; } -.reveal .stretch { +// Layout helper: 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.stretch code, +.reveal pre.r-stretch code { height: 100%; max-height: 100%; box-sizing: border-box; } +// Layout helper: Stack multiple elements on top of each other +.reveal .r-stack { + display: grid; + justify-content: center; + align-items: center; +} + +.reveal .r-stack > * { + grid-area: 1/1; + margin: auto; +} + /********************************************* * CONTROLS |