CSS: Style blockquotes

[ipfire.org.git] / src / scss / style.scss

diff --git a/src/scss/style.scss b/src/scss/style.scss
index 05ac5e0023a3425f6ffd999723af3978172002c0..521a4af4e16147237c23243bec844f059df24202 100644 (file)
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -227,6 +227,33 @@ section {
        }
 }
 
+blockquote {
+       @extend .blockquote;
+
+       // Add a light border to the left
+       border-left: 0.5rem solid $light;
+       padding: $spacer;
+
+       quotes: "“" "”" "“" "”";
+
+       // Quote
+       &:before{
+               color: $light;
+               font-size: $display1-size;
+               line-height: 0;
+               margin-right: 0.25em;
+               vertical-align: -0.4em;
+       }
+
+       &:before {
+               content: open-quote;
+       }
+
+       p {
+               margin-bottom: 0;
+       }
+}
+
 .blog-post {
        .blog-header {
                h4 {