revises layouts and refactors SCSS styles

layouts/partials/post-meta-after.html

@@ -1,22 +1,14 @@
-<div>
-    <ul class="post__nav">
-        <li class="post__nav--next">
-            {{ with .NextInSection -}}
-            <a href="{{ .RelPermalink }}">
-                <span class="next__heading">NEXT</span>
-                <span>{{ .Title }}</span>
-            </a>
-            <i class="fas fa-chevron-right"></i>
-            {{- end }}
-        </li>
-        <li class="post__nav--previous">
-            {{ with .PrevInSection -}}            
-            <span class="previous__heading">PREVIOUS</span>
-            <i class="fas fa-chevron-left"></i>
-            <a href="{{ .RelPermalink }}">
-                <span class="previous__title">{{ .Title }}</span>
-            </a>
-            {{- end }}
-        </li>
-    </ul>
+<div class="post--navigation post--navigation-single">
+    {{ with .PrevInSection -}}
+    <a href="{{ .RelPermalink }}" class="post--navigation-prev">
+      <i aria-hidden="true" class="fa fa-chevron-left"></i>
+      <span>{{ .Title }}</span>
+    </a>
+    {{- end }}
+    {{ with .NextInSection -}}
+    <a href="{{ .RelPermalink }}" class="post--navigation-next">
+      <span>{{ .Title }}</span>
+      <i aria-hidden="true" class="fa fa-chevron-right"></i>
+    </a>
+    {{- end }}
 </div>

layouts/partials/post-meta-before.html

@@ -23,7 +23,7 @@
           <br/>
           {{ $subtotal := sub $total 1 }} <i class="fas fa-tags"></i>
           {{ range $i, $tag := . }}
-          <a class="post__tag" href="{{ "/tags/" | relURL }}{{ $tag | urlize }}">#{{ $tag | lower }}</a>
+          <a class="post__tag" href="{{ "/tags/" | relURL }}{{ $tag | urlize }}">{{ $tag | lower }}</a>
           {{ if lt $i $subtotal }} {{ end }}
       {{ end }}
     {{ end }}
@@ -31,4 +31,4 @@
     <br/>
     <i class="fas fa-clock"></i> {{ .ReadingTime }} min read
 </div>
-{{ end }}
+{{ end }}

layouts/partials/sidebar.html

@@ -1,5 +1,5 @@
 <!-- Sidebar -->
-<div class="sidebar text-center">
+<div class="sidebar">
   <div class="container {{ with .Site.Params.sidebarSticky -}}sidebar-sticky{{- end }}">
     <div class="sidebar-about">
       <div class="site__title">

layouts/partials/sidebar/social.html

@@ -1,4 +1,4 @@
-<section class="social text-center">
+<section class="social">
 	{{ with .Site.Params.social.twitter -}}
 	<a href="https://twitter.com/{{.}}"><i class="fab fa-twitter fa-lg" aria-hidden="true"></i></a>
 	{{- end }}
@@ -24,7 +24,7 @@
 	&nbsp;<a href="https://stackoverflow.com/users/{{.}}"><i class="fab fa-stack-overflow fa-lg" aria-hidden="true"></i></a>
 	{{- end }}
 	{{ with .Site.Params.social.medium}}
-	&nbsp;<a href="https://medium.com/{{.}}"><i class="fab fa-medium fa-lg" aria-hidden="true"></i></a>
+	&nbsp;<a href="https://medium.com/@{{.}}"><i class="fab fa-medium fa-lg" aria-hidden="true"></i></a>
 	{{- end }}
 	{{ with .Site.Params.social.xing -}}
 	&nbsp;<a href="https://www.xing.com/profile/{{.}}"><i class="fab fa-xing fa-lg" aria-hidden="true"></i></a>