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 {