Browse Source

Make blockquotes pretty

Zachary Betz 6 years ago
parent
commit
58c6b60c9e
2 changed files with 12 additions and 8 deletions
  1. 8 7
      layouts/shortcodes/blockquote.html
  2. 4 1
      static/css/styles.css

+ 8 - 7
layouts/shortcodes/blockquote.html

@@ -1,10 +1,11 @@
 {{ $quote := .Inner }}
-{{ $quote = replace $quote "<p>" "" }}
-{{ $quote = replace $quote "</p>" "" }}
-{{ $quote = safeHTML $quote }}
+
 <blockquote class="blockquote">
-  <p>{{ $quote }}</p>
-  {{ with (.Get "author") }}
-  <footer>{{ . }}</footer>
-  {{ end }}
+  <p>
+    {{ $quote | markdownify }}
+    {{ with (.Get "author") }}
+      <br>
+      <span class="author">&mdash; {{ . }}</span>
+    {{ end }}
+  </p>
 </blockquote>

+ 4 - 1
static/css/styles.css

@@ -195,8 +195,11 @@ dd li + li {
 
 /* Blockquotes */
 blockquote {
+  border-left: 0.5rem solid;
+  padding-left: 0.75rem;
+}
+blockquote .author {
   font-size: 0.85rem;
-  font-style: italic;
 }
 
 /* Buttons */