diff options
| -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 { |