improving tag and author pages

assets/styles/02-atoms/_author-bio.scss

@@ -8,7 +8,7 @@
     font-size: 1.6rem;
     font-weight: 200;
     letter-spacing: 0;
-    line-height: 24px;
+    line-height: 1.5em;
 
     @include media-breakpoint-up (md) {
       font-size: 1.8rem;

assets/styles/02-atoms/_author-stats.scss

@@ -3,6 +3,6 @@
 
   // Correct icon spacing
   &:before {
-    margin-right: 3px;
+    margin-right: 4px;
   }
 }

assets/styles/02-atoms/_subscribe-button.scss

@@ -18,6 +18,8 @@
   text-transform: uppercase;
   line-height: 35px;
 
+  transition: all ease 0.3s;
+
   // Remove normalize.scss rule for match with Casper in Webkit
   -webkit-appearance: initial !important;
 

assets/styles/04-organisms/_author-profile.scss → assets/styles/03-molecules/_author-profile.scss

@@ -11,4 +11,12 @@
     }
   }
 
+  .author-bio {
+    margin-bottom: 2rem;
+
+    @include media-breakpoint-up(md) {
+      margin-bottom: 0.5rem;
+    }
+  }
+
 }

assets/styles/03-molecules/_entry-meta.scss

@@ -5,20 +5,22 @@
 
 .entry-meta {
   margin: 1rem 0 0;
-  line-height: 2.1rem;
+  line-height: 2.2rem;
 
   @include media-breakpoint-up(sm) {
     margin-top: 1.75rem;
   }
-}
-/* 'avatar' position */
-.entry-meta .avatar {
-  margin-right: 4px;
-  position: relative;
-}
-/* Add borderleft separator to 'post-updated' */
-.entry-meta .post-updated {
-  padding-left: 12px;
-  margin-left: 8px;
-  border-left: 1px solid #d5dbde;
+
+  /* 'avatar' position */
+  .avatar {
+    float: left;
+    margin-right: 9px;
+  }
+
+  /* Add borderleft separator to 'post-updated' */
+  .post-updated {
+    padding-left: 12px;
+    margin-left: 8px;
+    border-left: 1px solid #d5dbde;
+  }
 }

assets/styles/04-organisms/_author-page-header.scss

@@ -0,0 +1,14 @@
+.author-page-header {
+
+  .author-profile {
+    margin-bottom: 0.5rem;
+
+    @include media-breakpoint-up (sm) {
+      margin-bottom: 2.5rem;
+    }
+
+    @include media-breakpoint-up (md) {
+      margin-bottom: 5rem;
+    }
+  }
+}

assets/styles/04-organisms/_main-header_author.scss

@@ -1,6 +1,7 @@
 .main-header_author {
   height: 20vh;
   min-height: 180px;
+  background-color: #fff;
   padding: 15% 0;
 
   @include media-breakpoint-up(sm) {

assets/styles/05-templates/_tag.scss

@@ -0,0 +1,9 @@
+.tag.archive {
+  header.main-header {
+    margin-bottom: 2rem;
+
+    @include media-breakpoint-up(sm) {
+      margin-bottom: 5rem;
+    }
+  }
+}

assets/styles/main.scss

@@ -98,6 +98,7 @@
 @import "03-molecules/nav-post";
 @import "03-molecules/page-header";
 
+
 @import "03-molecules/entry-resume";
 @import "03-molecules/entry-footer";
 @import "03-molecules/entry-meta";
@@ -108,6 +109,7 @@
 @import "03-molecules/site-hgroup";
 @import "03-molecules/tag-page-hgroup";
 
+@import "03-molecules/author-profile";
 @import "03-molecules/author-meta";
 
 
@@ -131,9 +133,10 @@
 @import "04-organisms/main-menu";
 @import "04-organisms/posts-navigation";
 
-@import "04-organisms/author-profile";
+@import "04-organisms/author-page-header";
 
 // Templates
 @import "05-templates/home";
 @import "05-templates/single-post";
 @import "05-templates/page-template-default";
+@import "05-templates/tag";

assets/styles/utilities/_fix-bs-wp-tag.scss

@@ -1,5 +1,5 @@
 .tag {
-  color: inherit;
+  color: #3a4145;
   display: inherit;
   padding: 0;
 

author.php

@@ -1,4 +1,4 @@
-<?php get_template_part('templates/author', 'header'); ?>
+<?php get_template_part('templates/author-page', 'header'); ?>
 
 <?php if (is_paged()): ?>
   <?php get_template_part('templates/posts', 'navigation'); ?>

templates/author-header.php → templates/author-page-header.php

@@ -1,4 +1,4 @@
-<div class="page-header">
+<div class="author-page-header">
 
   <div class="author-profile">