Replace markdown with content

Author: Dhruvi16

themes/vocabulary_theme/templates/blog-post.html

@@ -31,7 +31,7 @@ <h2 class="title">{{ this.title }}</h2>
         {% endif %}
       </div>
     </header>
-    <div class="single-post-body markdown container">
+    <div class="single-post-body content container">
       {{ this.body }}
     </div>
     <footer class="single-post-footer container">

themes/vocabulary_theme/templates/cc-search-guide.html

@@ -24,7 +24,7 @@ <h4 class="step-header">Steps</h4>
           </ul>
         </div>
       </div>
-      <div class="column markdown content">
+      <div class="column content">
         {{ this.body }}
       </div>
     </div>

themes/vocabulary_theme/templates/page-with-toc.html

@@ -105,7 +105,7 @@ <h4 class="b-header">On this page</h4>
             </aside>
           </div>
         </div>
-        <div class="column markdown content">
+        <div class="column content">
           {{ this.body }}
         </div>
       </div>

webpack/sass/main.scss

@@ -13,27 +13,6 @@ code {
   border-radius: 0.25rem;
 }
 
-.markdown {
-  @extend .body-big;
-
-  line-height: 1.6875;
-
-  p {
-    @extend .padding-vertical-small;
-  }
-
-  h1,h2,h3,h4,h5,h6 {
-    &:not(:first-of-type) {
-      @extend .padding-top-large;
-      @extend .padding-bottom-small;
-    }
-  }
-
-  ol,ul {
-    @extend .padding-horizontal-big;
-  }
-}
-
 .navbar-item {
   &.has-dropdown {
     .navbar-dropdown {
@@ -505,8 +484,11 @@ code {
     }
 
     .content {
+      @extend .body-big;
       @extend .padding-bottom-xxl;
-      @extend .padding-top-larger;
+      @extend .padding-top-xl;
+
+      line-height: 1.6875;
     }
   }
 }