From e6b2f1d28553c92b13b31b0f3132550cc999c695 Mon Sep 17 00:00:00 2001
From: George Cushen <gcushen@users.noreply.github.com>
Date: Sun, 22 Apr 2018 00:08:56 +0100
Subject: [PATCH] Add `hl` shortcode for highlighting key phrases

To use: `{{< hl >}}highlighted quote{{< /hl >}}`
---
 layouts/partials/css/academic.css | 9 +++++++++
 layouts/shortcodes/hl.html        | 1 +
 2 files changed, 10 insertions(+)
 create mode 100644 layouts/shortcodes/hl.html

diff --git a/layouts/partials/css/academic.css b/layouts/partials/css/academic.css
index 3f5602e2..f60fa89a 100644
--- a/layouts/partials/css/academic.css
+++ b/layouts/partials/css/academic.css
@@ -207,6 +207,11 @@ blockquote p:last-child {
   }
 }
 
+.markup-quote {
+  background-color: transparent;
+  background-image: linear-gradient(to bottom, rgba(233, 231, 245, 1), rgba(233, 231, 245, 1));
+}
+
 .space-below {
   margin-bottom: 50px;
 }
@@ -1464,6 +1469,10 @@ body.dark {
   border-color: rgb(68, 71, 90);
 }
 
+.dark .markup-quote {
+  background-image: linear-gradient(to bottom, rgba(233, 231, 245, 0.2), rgba(233, 231, 245, 0.2));
+}
+
 .dark #MathJax_Zoom {
   background-color: rgb(68, 71, 90) !important;
 }
diff --git a/layouts/shortcodes/hl.html b/layouts/shortcodes/hl.html
new file mode 100644
index 00000000..94c28f49
--- /dev/null
+++ b/layouts/shortcodes/hl.html
@@ -0,0 +1 @@
+<span class="markup-quote">{{ .Inner }}</span>
\ No newline at end of file