Mercurial > wikked
diff docs/assets/css/wikked.less @ 397:dcaa41b39c23
docs: Add more nice graphics.
author | Ludovic Chabant <ludovic@chabant.com> |
---|---|
date | Wed, 21 Oct 2015 22:48:19 -0700 |
parents | 3a61f45702cb |
children |
line wrap: on
line diff
--- a/docs/assets/css/wikked.less Thu Oct 15 23:39:17 2015 -0700 +++ b/docs/assets/css/wikked.less Wed Oct 21 22:48:19 2015 -0700 @@ -23,15 +23,18 @@ } // Quotes with a nice icon. +@blockquote-img-width: 72px + 20px; +@blockquote-img-height: 100px + 20px; + blockquote { padding: 1em; margin: 1em 0; - min-height: 220px; + min-height: @blockquote-img-height; color: lighten(@color-gray-dark, 3%); background: darken(@color-gray-light, 5%); p { - margin-left: 170px; // width/height of the "toto" image: 145x200 + margin-left: @blockquote-img-width; // width/height of the "toto" image: 72x100 } p:first-child::before { content: " "; @@ -40,10 +43,10 @@ background-position: left center; display: block; float: left; - margin-left: -170px; + margin-left: -@blockquote-img-width; margin-top: -1em; - width: 150px; - height: 220px; + width: @blockquote-img-width; + height: @blockquote-img-height; } } @@ -99,6 +102,16 @@ } } +.wiki-docs header.header-img { + img { margin: 1em; float: right; } + h1 { float: left; } + &::after { + content: " "; + display: block; + clear: both; + } +} + @media screen and (min-width: 48em) { // Visible menu by default on big screens. .wrapper.wiki-docs {