diff options
author | Peter Wu <peter@lekensteyn.nl> | 2015-03-25 14:05:26 +0100 |
---|---|---|
committer | Peter Wu <peter@lekensteyn.nl> | 2015-03-25 14:05:26 +0100 |
commit | 8571bfe27ed90378ef07a60cf8068d7de575ead6 (patch) | |
tree | e1398dd3040896b48473015eb9aab141fee9f547 /style/main.less | |
parent | d144032108a36c8ac61d1f1edc490feb79ded31d (diff) | |
download | site-8571bfe27ed90378ef07a60cf8068d7de575ead6.tar.gz |
Remove main background, sticky footer, remove nav space
Use "Sticky footer trick" from
http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
Diffstat (limited to 'style/main.less')
-rw-r--r-- | style/main.less | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/style/main.less b/style/main.less index 1c64dd1..65d7340 100644 --- a/style/main.less +++ b/style/main.less @@ -8,19 +8,35 @@ body { line-height: 2em; background: linear-gradient(-45deg, @color-secondary-2-4, @color-secondary-2-1); + display: flex; + flex-direction: column; + min-height: 100vh; +} + +/* header */ +header { + background: @color-secondary-1-4; + margin-bottom: 1em; +} + +.banner { + > * { + font-size: 4em; + vertical-align: middle; + } } @import "menu.less"; /* main content */ main { - background: @color-secondary-1-3; margin: auto; padding: 1em; border-radius: 2px; max-width: 800px; text-align: left; + flex: 1; } body[data-page="home"] { @@ -61,6 +77,7 @@ body[data-page="home"] { /* footer */ footer { background: @color-secondary-1-4; + margin-top: 1em; } /* vim: set sw=4 et ts=4: */ |