From 297e29a3c805f5e5b541393931845e4386e0cbff Mon Sep 17 00:00:00 2001 From: Gibheer Date: Fri, 17 Jan 2014 22:04:45 +0100 Subject: [PATCH] add quotation mark to blockquotes This adds a nice little hint, that a blockquote holds a quote. --- templates/stylesheet/index.css.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/templates/stylesheet/index.css.scss b/templates/stylesheet/index.css.scss index 4988f52..f7a8525 100644 --- a/templates/stylesheet/index.css.scss +++ b/templates/stylesheet/index.css.scss @@ -35,6 +35,25 @@ blockquote { border: $box_border; margin: 0; font-style: italic; + position: relative; + + :before { + content: '”'; + font-size: 300%; + color: fade-out($alternate-color, 0.2); + font-weight: bold; + z-index: -1; + position: absolute; + bottom: $standard-width * -0.75; + right: $standard-width * -0.1; + } + + p:first-child { + margin-top: 0; + } + p:last-child { + margin-bottom: 0; + } } #header {