diff options
-rw-r--r-- | assets/css/styles.css | 20 | ||||
-rw-r--r-- | layouts/shortcodes/blockquote.html | 1 |
2 files changed, 21 insertions, 0 deletions
diff --git a/assets/css/styles.css b/assets/css/styles.css index 2c4bfb8..0984861 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -200,4 +200,24 @@ a.btn-outline-secondary:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; +} + +.blockquote { + margin: 25px auto; + font-style: italic; + color: #555555; + padding: 1.2em 30px 1.2em 75px; + border-left: 8px solid #78C0A8; + position: relative; + background: #EDEDED; +} + +blockquote::before { + font-family: Arial; + content: "\201C"; + color: #78C0A8; + font-size: 4em; + position: absolute; + left: 10px; + top: -10px; }
\ No newline at end of file diff --git a/layouts/shortcodes/blockquote.html b/layouts/shortcodes/blockquote.html new file mode 100644 index 0000000..be5fb45 --- /dev/null +++ b/layouts/shortcodes/blockquote.html @@ -0,0 +1 @@ +<blockquote class="blockquote">{{ .Inner }}</blockquote>
\ No newline at end of file |