Merge branch 'feature/improve-meta-display'

# Conflicts:
#	_sass/addon/commons.scss

_sass/addon/commons.scss

@@ -116,8 +116,6 @@ footer {
   padding: 0 1rem;
   height: $footer-height;
   font-size: 0.8rem;
-  color: #7a7b7d;
-  background-color: var(--footer-bg-color);
 
   > div.d-flex {
     line-height: 1.2rem;
@@ -132,7 +130,7 @@ footer {
   }
 
   a {
-    color: var(--footer-link);
+    @extend %text-color;
 
     &:link {
       @include no-text-decoration;
@@ -367,10 +365,6 @@ img[data-src] {
     margin-bottom: 1rem;
   }
 
-  em { // MarkDown italic
-    padding-right: 0.2rem;
-  }
-
   a {
     &.img-link {
       @extend %no-cursor;
@@ -389,7 +383,6 @@ img[data-src] {
         @extend %link-hover;
       }
     }
-
   } // a
 
 }
@@ -403,8 +396,6 @@ img[data-src] {
   word-spacing: 1px;
 
   a {
-    @extend %link-underline;
-
     &:not(:last-child) {
       margin-right: 2px;
     }
@@ -413,6 +404,10 @@ img[data-src] {
       @extend %link-hover;
     }
   }
+
+  em {
+    @extend %normal-font-style;
+  }
 }
 
 .post-content {
@@ -533,10 +528,6 @@ img[data-src] {
 
 /* --- Effects classes --- */
 
-.semi-bold {
-  font-weight: 600 !important;
-}
-
 .loaded {
   display: block !important;
 

_sass/addon/module.scss

@@ -63,6 +63,10 @@
   cursor: pointer;
 }
 
+%normal-font-style {
+  font-style: normal;
+}
+
 /* ---------- scss mixin --------- */
 
 @mixin no-text-decoration {
@@ -88,10 +92,6 @@
   opacity: 0.6;
 }
 
-@mixin semi-bold {
-  font-weight: 600;
-}
-
 @mixin label($font-size: 1rem, $font-weight: 600, $color: var(--label-color)) {
   color: $color;
   font-size: $font-size;