# HG changeset patch
# User Ludovic Chabant <ludovic@chabant.com>
# Date 1518748568 28800
# Node ID 1ab49e6add4fd5cbf02ee12890f17dc90352a304
# Parent  7df13cff0b044759f88d432ee94ba6a0ad35426b
docs: Tweak CSS style for block quotes.

diff -r 7df13cff0b04 -r 1ab49e6add4f docs/assets/css/piecrust.scss
--- a/docs/assets/css/piecrust.scss	Thu Feb 15 18:35:53 2018 -0800
+++ b/docs/assets/css/piecrust.scss	Thu Feb 15 18:36:08 2018 -0800
@@ -55,25 +55,7 @@
 }
 
 
-// Icons
-$pc-icon-width: 128px;
-
-
 // Decorators
-@mixin pc-decorator($img-name, $margin-left) {
-    margin-left: $pc-icon-width;
-    &::before {
-        content: " ";
-        background-image: url($img-name);
-        background-repeat: no-repeat;
-        display: block;
-        float: left;
-        width: 128px;
-        height: 92px;
-        margin-left: -($pc-icon-width + $margin-left);
-    }
-}
-
 @mixin pc-banner($img-name) {
     background-image: url($img-name);
     background-repeat: no-repeat;
@@ -147,9 +129,24 @@
 blockquote {
     font-size: $font-size-base;
 }
+$cake-icon-width: 128px;
+$cake-icon-height: 92px;
 @media (min-width: map-get($grid-breakpoints, "md")) {
     blockquote {
-        @include pc-decorator('../img/cake.png', 5px + $line-height-base);
+        &::before {
+            content: " ";
+            background-image: url('../img/cake.png');
+            background-repeat: no-repeat;
+            display: block;
+            float: left;
+            width: $cake-icon-width;
+            height: $cake-icon-height;
+            margin-left: -($cake-icon-width + 5px + $line-height-base);
+        }
+
+        background: #f6f6f6;
+        box-shadow: 0 0 2px #ccc;
+        padding: 1em 1em 1em $cake-icon-width + 10px;
         min-height: 126px;
     }
 }