diff options
| author | Bart Haak <b.haak@student.tue.nl> | 2015-04-05 16:07:44 +0200 |
|---|---|---|
| committer | Peter Wu <peter@lekensteyn.nl> | 2015-04-05 16:07:44 +0200 |
| commit | cb1d7b77e433f92830e5f04df231e0163d35254c (patch) | |
| tree | ba750b398a90bafab019eaf0345e2c041305e2c9 /style/main.less | |
| parent | e3e7ff8a1251a4d01e70beac091ed43212fdf399 (diff) | |
| download | site-cb1d7b77e433f92830e5f04df231e0163d35254c.tar.gz | |
style: improve colors and home page styling
Diffstat (limited to 'style/main.less')
| -rw-r--r-- | style/main.less | 42 |
1 files changed, 29 insertions, 13 deletions
diff --git a/style/main.less b/style/main.less index c421382..718f517 100644 --- a/style/main.less +++ b/style/main.less @@ -6,8 +6,7 @@ body { text-align: center; line-height: 2em; - background: linear-gradient(-45deg, - @color-secondary-2-4, @color-secondary-2-1); + background: @color-background; display: flex; flex-direction: column; min-height: 100vh; @@ -16,7 +15,7 @@ body { /* header */ header { - background: @color-secondary-1-4; + background: @color-header-background; margin-bottom: 1em; } @@ -45,30 +44,47 @@ body[data-page="home"] { height: 300px; padding: 1em; margin: 1em; - background-color: @color-secondary-2-1; + background-color: @color-home-block; } .block { - background: no-repeat url(../images/filler.png); - height: 200px; - background-color: @color-secondary-2-1; - padding: 1em; + height: 300px; + background-color: @color-home-block; margin: 1em; transition: background 0.2s; /* TODO floats over text */ &:hover { - background-color: @color-secondary-2-0; + background-color: @color-home-hover; + } + + a { + color: black; + text-decoration: none; } + } + .block .inner { + width: 100%; + height: 100%; + padding: 1em; p { margin: 1em; } &:nth-child(2n+1) { - padding-left: 200px; + p, h2 { + margin-left: 200px; + } + .side-picture { + float: left; + } } &:nth-child(2n) { - background-position: right; - padding-right: 200px; + p, h2 { + margin-right: 200px; + } + .side-picture { + float: right; + } } } } @@ -78,7 +94,7 @@ body[data-page="home"] { /* footer */ footer { - background: @color-secondary-1-4; + background: @color-footer-background; margin-top: 1em; } |