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 | |
| 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/
| -rw-r--r-- | style/main.less | 19 | ||||
| -rw-r--r-- | style/menu.less | 7 |
2 files changed, 21 insertions, 5 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: */ diff --git a/style/menu.less b/style/menu.less index 60d87ec..715d092 100644 --- a/style/menu.less +++ b/style/menu.less @@ -2,10 +2,9 @@ @import "colors.less"; nav { - margin: 3em 0; - - ul { - background: @color-primary-0; + ul, li { + margin: 0; + padding: 0; } li { |