From 15e7aa01c34dc3fe2910e034c7f4ea75efcca307 Mon Sep 17 00:00:00 2001
From: George Cushen <gcushen@users.noreply.github.com>
Date: Tue, 30 Jul 2019 23:33:05 +0100
Subject: [PATCH] style: fix aside to appear same as alert

---
 assets/sass/academic/_root.scss | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/assets/sass/academic/_root.scss b/assets/sass/academic/_root.scss
index 193c0593..89406905 100644
--- a/assets/sass/academic/_root.scss
+++ b/assets/sass/academic/_root.scss
@@ -532,6 +532,12 @@ table > tbody > tr:hover > th {
  *  Article Alerts (Shortcode) and Asides (Mmark)
  **************************************************/
 
+/* Style asides as Bootstrap alerts. */
+.article-style aside {
+  @extend .alert;
+}
+
+/* Asides use <p> block element whereas alerts use <div>. */
 .article-style aside p,
 div.alert > div {
   position: relative;
@@ -539,10 +545,6 @@ div.alert > div {
   font-size: 1rem;
   margin-left: 2rem;
   margin-top: 0;
-}
-
-/* No bottom margin for Alert boxes and but not Asides (use default `p` style). */
-div.alert > div {
   margin-bottom: 0;
 }