comparison sat_templates/templates/bulma/static/styles.css @ 289:f1a39607d6a5

bulma (base/base.html): `full_screen_body` parameter + body_wrapper: - if `full_screen_body` is set in template, the `body--fullscreen` class will be added to `<body>` element. It will then be a flexbox container (in columns), and displayed on the whole viewport. - new `body_wrapper` block, if a page needs to replace the `#body` container.
author Goffi <goffi@goffi.org>
date Mon, 28 Sep 2020 17:25:26 +0200
parents f8026bf77a4c
children 1ca9384fb681
comparison
equal deleted inserted replaced
288:9731b71ffa53 289:f1a39607d6a5
1 :root { 1 :root {
2 --photo-height: 280px; 2 --photo-height: 280px;
3 --photo-height--poster: 500px; 3 --photo-height--poster: 500px;
4 --col-primary: #82baff; 4 --col-primary: #82baff;
5 --grey-light: hsl(0, 0%, 71%); 5 --grey-light: hsl(0, 0%, 71%);
6 }
7
8 body.body--fullscreen {
9 display: flex;
10 flex-direction: column;
11 height: 100vh;
12 width: 100vw;
13 overflow: hidden;
6 } 14 }
7 15
8 .has-whitespace-pre-wrap { 16 .has-whitespace-pre-wrap {
9 white-space: pre-wrap; 17 white-space: pre-wrap;
10 } 18 }