consolidate styles for consistent preview rendering #185

app/assets/stylesheets/markdown.scss

+.Markdown {
+  font-family: 'Source Serif Pro', serif;
+  font-size: 120%;
+
+  line-height: 150%;
+}
+
+// used for comments
+.Markdown.MarkdownViewer--small {
+  font-family: inherit;
+  font-size: 100%;
+
+  img {
+    max-width: 400px;
+    max-height: 400px;
+  }
+}
+
 .Markdown, .ReplyEditor__body.rte {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  word-break: break-word;
+  hyphens: auto;
 
   h1, h2, h3, h4, h5, h6 {
     font-family: 'Source Serif Pro', serif;
@@ -72,10 +94,3 @@
     max-height: 75vw;
   }
 }
-
-.Markdown.MarkdownViewer--small {
-  img {
-    max-width: 400px;
-    max-height: 400px;
-  }
-}

app/components/cards/PostFull.scss

@@ -44,16 +44,6 @@
 .PostFull__body {
   padding: 1rem 0 2rem 0;
   clear: left;
-
-  font-family: 'Source Serif Pro', serif;
-  font-size: 120%;
-  line-height: 150%;
-
-  overflow-wrap: break-word;
-  word-wrap: break-word;
-  word-break: break-word;
-  hyphens: auto;
-
 }
 
 .PostFull__footer {