Allow inline `<cite>` elements

Move the block styling and reduced font size on `<cite>` to only
apply when it is a child of `<blockquote>`.

Fixes issue #10226

diff --git a/scss/typography/_base.scss b/scss/typography/_base.scss
index 000bd335444f352253d13502075936acbfa2bbac..20e5f0656f49dc73f1a19bc0c88553bf8f15a1ce 100644 (file)
--- a/scss/typography/_base.scss
+++ b/scss/typography/_base.scss
@@ -455,17 +455,21 @@ $abbr-underline: 1px dotted $black !default;
       line-height: $paragraph-lineheight;
       color: $blockquote-color;
     }
+
+    // Citations
+    cite {
+      display: block;
+      font-size: $cite-font-size;
+
+      &:before {
+        content: $cite-pseudo-content;
+      }
+    }
   }
 
-  // Citations
+  // Inline Citations
   cite {
-    display: block;
-    font-size: $cite-font-size;
     color: $cite-color;
-
-    &:before {
-      content: $cite-pseudo-content;
-    }
   }
 
   // Abbreviations