diff options
author | Peter Wu <peter@lekensteyn.nl> | 2015-04-05 16:19:29 +0200 |
---|---|---|
committer | Peter Wu <peter@lekensteyn.nl> | 2015-04-05 16:23:21 +0200 |
commit | da43a983e2989e155a95a4dd0324f61cd5a9fada (patch) | |
tree | 9e360917085ab1fc7b2fc28483db9a9dfa9c98be /style | |
parent | 2e2cd944a0b03ee5aab9cbca4f5d3f1d0c5448f9 (diff) | |
download | site-da43a983e2989e155a95a4dd0324f61cd5a9fada.tar.gz |
home: fix picture positioning
Since there is only one .inner child per .block element, only one style
would apply. Fix it by applying the nth-child selector to .block instead
of .block .inner.
Diffstat (limited to 'style')
-rw-r--r-- | style/main.less | 21 |
1 files changed, 12 insertions, 9 deletions
diff --git a/style/main.less b/style/main.less index 718f517..c90cd8c 100644 --- a/style/main.less +++ b/style/main.less @@ -60,16 +60,8 @@ body[data-page="home"] { color: black; text-decoration: none; } - } - .block .inner { - width: 100%; - height: 100%; - padding: 1em; - - p { - margin: 1em; - } + /* position pictures depending on position of the blocks */ &:nth-child(2n+1) { p, h2 { margin-left: 200px; @@ -86,6 +78,17 @@ body[data-page="home"] { float: right; } } + + /* styling of the text block inside */ + .inner { + width: 100%; + height: 100%; + padding: 1em; + + p { + margin: 1em; + } + } } } |