From a76caf717fd2c60f30bc62baa2522a16e4467268 Mon Sep 17 00:00:00 2001 From: Peter Wu Date: Wed, 4 Mar 2015 17:02:38 +0100 Subject: Initial commit --- style/main.less | 62 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 62 insertions(+) create mode 100644 style/main.less (limited to 'style/main.less') 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: */ -- cgit v1.2.1