Mercurial > libervia-templates
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 } |