Mercurial > libervia-templates
changeset 4:e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
author | Goffi <goffi@goffi.org> |
---|---|
date | Sun, 16 Apr 2017 18:36:21 +0200 (2017-04-16) |
parents | 4d8577e54f16 |
children | 2b26eadd8ad7 |
files | default/static/styles.css |
diffstat | 1 files changed, 13 insertions(+), 3 deletions(-) [+] |
line wrap: on
line diff
--- a/default/static/styles.css Sun Apr 16 18:35:30 2017 +0200 +++ b/default/static/styles.css Sun Apr 16 18:36:21 2017 +0200 @@ -7,11 +7,21 @@ text-align: center; } +body { + display: flex; + height: 100vh; + flex-direction: column; + box-sizing: border-box; + margin: 0; + padding: 8px; +} + +#body { + flex: 1; +} + footer { - width: 100%; text-align: center; font-size: 0.7em; font-weight: bold; - position: fixed; - bottom: 5px; }