From a20794eeef0c1b949dc909d0ba7d6b0b0d14d735 Mon Sep 17 00:00:00 2001 From: Michael Tremer Date: Wed, 12 Feb 2020 20:03:22 +0000 Subject: [PATCH] CSS: Style blockquotes Signed-off-by: Michael Tremer --- src/scss/_variables.scss | 2 ++ src/scss/style.scss | 27 +++++++++++++++++++++++++++ 2 files changed, 29 insertions(+) diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index 77d3051b..749b58f5 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -61,6 +61,8 @@ $small-font-size: 87.5%; $line-height-base: 1.5; +$blockquote-font-size: $font-size-base * 1.125; + // Headings $headings-font-weight: 500; $headings-line-height: 1.15; diff --git a/src/scss/style.scss b/src/scss/style.scss index 05ac5e00..521a4af4 100644 --- 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 { -- 2.47.3