Single page info css adjusted

assets/sass/components/_busuanzi.scss

@@ -20,4 +20,8 @@
       font-weight: bold;
     }
   }
+}
+
+#busuanzi_value_page_pv {
+  margin: 0rem 0.1rem 0 0.15rem;
 }

assets/sass/pages/_single.scss

@@ -11,7 +11,6 @@
     line-height: 3rem;
     overflow-wrap: break-word;
 
-    //@include animation('slide-in-down .3s .1s 1 ease both');
     @include themify($themes) {
       color: themed("single-header-title-color");
     }
@@ -19,10 +18,11 @@
 
   &__meta {
     font-size: 0.8rem;
+
     @include flexbox();
     @include align-items(center);
-    //@include animation('slide-in-down .3s .4s 1 ease both');
-
+    @include flex-wrap(wrap);
+    @include flex-grow(1);
     @include respond-to(sm) {
       @include flexbox();
       @include flex-direction(column);
@@ -33,6 +33,13 @@
     }    
   }
 
+  &__infos {
+    margin-right: 0.5rem;
+
+    @include flexbox();
+    @include flex-wrap(nowrap);
+  }
+
   &__contents {
     &--gallery {
       overflow: hidden;
@@ -295,15 +302,11 @@
   }
 
   &__tags {
-    margin: 0 0.5rem;
     list-style-type: none;
     @include flexbox();
     @include align-items(center);
     @include flex-wrap(wrap);
-
-    @include respond-to(sm) {
-      margin: 0;
-    }
+    @include flex-grow(1);
   }
 
   &__tag {

assets/sass/themes/_hacker.scss

@@ -55,7 +55,7 @@ $hacker: (
     content-pre-header-color: #f3ff6e,
     burger-menu-color: #dbdbdb,
     social-icon-color: #9e9e9e,
-    social-icon-hover-color: darken(#9e9e9e, 20%),
+    social-icon-hover-color: lighten(#9e9e9e, 20%),
     pagination-link-color: #996287,
     pagination-background-color: #252526,
     pagination-disabled-color: #424242,

assets/sass/themes/_light.scss

@@ -54,8 +54,8 @@ $light: (
     content-pre-header-background-color: darken(#F5F2F0, 3%),
     content-pre-header-color: #344952,
     burger-menu-color: #777,
-    social-icon-color: #888,
-    social-icon-hover-color: darken(#888, 20%),
+    social-icon-color: #777,
+    social-icon-hover-color: darken(#777, 20%),
     pagination-link-color: #424242,
     pagination-background-color: #eeeeee,
     pagination-disabled-color: #bdbdbd,

assets/sass/themes/_solarized.scss

@@ -54,8 +54,8 @@ $solarized: (
     content-pre-header-background-color: darken(#FBF1D1, 6%),
     content-pre-header-color: #344952,
     burger-menu-color: #B58900,
-    social-icon-color: #B58900,
-    social-icon-hover-color: lighten(#B58900, 10%),
+    social-icon-color: lighten(#B58900, 5%),
+    social-icon-hover-color: darken(#B58900, 5%),
     pagination-link-color: #455a64,
     pagination-background-color: #FBF1D1,
     pagination-disabled-color: #bdbdbd,

layouts/_default/single.html

@@ -6,11 +6,7 @@
   <div class="single">
     <h2 class="single__title">{{ .Title }}</h2>
     <div class="single__meta">
-      🕓 {{ .Date.Format (i18n "single-dateformat") }} · ☕{{ .ReadingTime }} min read 
-      {{ if (and .Site.Params.enableBusuanzi .Site.Params.busuanziPagePV) }}
-        · 👀 
-        <span id="busuanzi_value_page_pv"></span> {{ i18n "counter-page-pv" }}
-      {{ end }}
+      {{ partial "body/infos" . }}
       {{ partial "body/tags" . }}
     </div>    
     <article class="single__contents">

layouts/partials/body/infos.html

@@ -0,0 +1,6 @@
+<div class="single__infos">
+  🕓 {{ .Date.Format (i18n "single-dateformat") }} · ☕{{ .ReadingTime }} min read
+  {{ if (and .Site.Params.enableBusuanzi .Site.Params.busuanziPagePV) }}        
+  · 👀 <span id="busuanzi_value_page_pv">...</span> {{ i18n "counter-page-pv" }}
+  {{ end }}
+</div>