Fix redudant code issue

Author: Dhruvi16

content/contents.lr

@@ -33,13 +33,13 @@ links_product:
 <h4 class="heading">Help us build our products</h4>
 
 <div class="list">
-  <h5 class="link-heading"><a href="https://opensource.creativecommons.org/contributing-code/" class="has-text-forest-green">Contribution Guidelines</a></h5>
+  <h5 class="link-heading"><a href="/contributing-code/" class="has-text-forest-green">Contribution Guidelines</a></h5>
   <p class="link-caption">Learn how to contribute and then get started.</p>
 
-  <h5 class="link-heading"><a href="https://opensource.creativecommons.org/community/community-team/" class="has-text-forest-green">Community Team</a></h5>
+  <h5 class="link-heading"><a href="/community/community-team/" class="has-text-forest-green">Community Team</a></h5>
   <p class="link-caption">Become a member of our community volunteer team.</p>
 
-  <h5 class="link-heading"><a href="https://opensource.creativecommons.org/contributing-code/projects/" class="has-text-forest-green">All Available Projects</a></h5>
+  <h5 class="link-heading"><a href="/contributing-code/projects/" class="has-text-forest-green">All Available Projects</a></h5>
   <p class="link-caption">See all of our open source projects in one place.</p>
 </div>
 ----

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 container">
+    <div class="single-post-body markdown container">
       {{ this.body }}
     </div>
     <footer class="single-post-footer container">

themes/vocabulary_theme/templates/macros/posts.html

@@ -4,27 +4,29 @@
   <div class="columns is-multiline blog-entries">
     {% for post in posts %}
       {% set author = post.parent.parent.children.get('authors').children.get(post.author) %}
-      <article class="card entry-post horizontal no-border blog-entry column is-one-third">
-        <header>
-          <figure class="image blog-image">
-            {% if author.about %}
-              {% if author.md5_hashed_email %}
-                <img class="profile" src="https://secure.gravatar.com/avatar/{{ author.md5_hashed_email }}?size=200" alt="gravatar" />
-              {% else %}
-                <img class="profile" src="./blank_profile.svg" alt="gravatar" />
+      <div class="column is-one-third">
+        <article class="card entry-post horizontal no-border blog-entry">
+          <header>
+            <figure class="image blog-image">
+              {% if author.about %}
+                {% if author.md5_hashed_email %}
+                  <img class="profile" src="https://secure.gravatar.com/avatar/{{ author.md5_hashed_email }}?size=200" alt="gravatar" />
+                {% else %}
+                  <img class="profile" src="./blank_profile.svg" alt="gravatar" />
+                {% endif %}
               {% endif %}
-            {% endif %}
-          </figure>
-        </header>
-        <div class="blog-content">
-          <h4 class="b-header"><a class="blog-title" href="{{ post|url }}">{{ post.title }}</a></h4>
-          <span class="blog-author">by <a href="{{ author|url }}">{{ render_author_name(author) }}</a>
-          on {{ post.pub_date|dateformat("YYYY-MM-dd") }}</span>
-          <div class="excerpt">
-            {{ post.body | excerpt | string | striptags() | truncate(100) }}
+            </figure>
+          </header>
+          <div class="blog-content">
+            <h4 class="b-header"><a class="blog-title" href="{{ post|url }}">{{ post.title }}</a></h4>
+            <span class="blog-author">by <a href="{{ author|url }}">{{ render_author_name(author) }}</a>
+            on {{ post.pub_date|dateformat("YYYY-MM-dd") }}</span>
+            <div class="excerpt">
+              {{ post.body | excerpt | string | striptags() | truncate(100) }}
+            </div>
           </div>
-        </div>
-      </article>
+        </article>
+      </div>
     {% endfor %}
   </div>
 {% endmacro %}

webpack/sass/main.scss

@@ -10,6 +10,7 @@ a {
   text-decoration: none;
 }
 
+// Will be replaced by content class from Bulma
 .markdown {
   @extend .body-big;
 
@@ -193,12 +194,16 @@ a {
 }
 
 .blog-entries {
+  .column {
+    &:not(:nth-last-child(-n+3)) {
+      border-bottom: 0.1875rem solid $color-light-gray !important;
+    }
+  }
+
   .blog-entry {
     @extend .padding-vertical-larger;
     @extend .padding-horizontal-big;
 
-    border-bottom: 0.1875rem solid $color-light-gray !important;
-
     .blog-title {
       @extend .has-color-dark-slate-gray;
     }
@@ -226,7 +231,7 @@ a {
     @extend .padding-top-normal;
 
     .pagination-wrapper {
-      @extend .padding-top-xl;
+      @extend .padding-top-normal;
       @extend .padding-bottom-xxl;
     }
   }
@@ -274,22 +279,8 @@ a {
   }
 
   .single-post-body {
-    @extend .body-big;
     @extend .padding-top-bigger;
 
-    p {
-      @extend .padding-vertical-small;
-    }
-
-    h1,h2,h3,h4,h5,h6 {
-      @extend .padding-top-large;
-      @extend .padding-bottom-small;
-    }
-
-    ol,ul {
-      @extend .padding-horizontal-big;
-    }
-
     &:last-of-type::after {
       content: '';