diff options
author | Peter Wu <peter@lekensteyn.nl> | 2015-03-04 17:02:38 +0100 |
---|---|---|
committer | Peter Wu <peter@lekensteyn.nl> | 2015-03-04 17:02:38 +0100 |
commit | a76caf717fd2c60f30bc62baa2522a16e4467268 (patch) | |
tree | 5f2d8bf0936231a40ca98e84bd6191a6e1a3eed6 /style/main.less | |
download | site-a76caf717fd2c60f30bc62baa2522a16e4467268.tar.gz |
Initial commit
Diffstat (limited to 'style/main.less')
-rw-r--r-- | style/main.less | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/style/main.less b/style/main.less new file mode 100644 index 0000000..0ad9c47 --- /dev/null +++ b/style/main.less @@ -0,0 +1,62 @@ +/* main.less */ +@import "../node_modules/normalize.css/normalize.css"; +@import "colors.less"; + +/* page layout */ +body { + text-align: center; + line-height: 2em; +} + +@import "menu.less"; + +/* main content */ +main { + background: @color-secondary-1-3; + margin: auto; + padding: 1em; + border-radius: 2px; + + max-width: 800px; + text-align: left; +} + +body[data-page="home"] { + .intro { + height: 300px; + padding: 1em; + margin: 1em; + background-color: @color-secondary-2-1; + } + .block { + background: no-repeat url(../images/filler.png); + height: 200px; + background-color: @color-secondary-2-1; + padding: 1em; + margin: 1em; + + transition: background 0.2s; /* TODO floats over text */ + &:hover { + background-color: @color-secondary-2-0; + } + + p { + margin: 1em; + } + + &:nth-child(2n+1) { + padding-left: 200px; + } + &:nth-child(2n) { + background-position: right; + padding-right: 200px; + } + } +} + +/* footer */ +footer { + background: @color-secondary-1-4; +} + +/* vim: set sw=4 et ts=4: */ |