beautify post-meta

assets/_markdown.scss

@@ -184,6 +184,29 @@
       margin-top: 0;
     }
   }
+
+  .book-post-title{
+    text-align: center;
+  }
+
+  .book-post-meta{
+    text-align: center;
+    font-size: 12px;
+  }
+
+  .book-post-meta-date,
+  [class^="book-post-meta-separator-"]{
+    color: #999;
+  }
+
+  @media screen and (max-width: $container-max-width) {
+    .book-post-meta-tags,
+    .book-post-meta-series,
+    .book-post-meta-separator-tags,
+    .book-post-meta-separator-series {
+      display: none;
+    }
+  }
 }
 
 .markdown-inner {

layouts/partials/docs/post-meta.html

@@ -1,23 +1,25 @@
-{{ with .Date }}
-  <h5>{{ partial "docs/date" (dict "Date" . "Format" $.Site.Params.BookDateFormat) }}</h5>
-{{ end }}
-
-{{ range $taxonomy, $_ := .Site.Taxonomies }}
-  {{ with $terms := $.GetTerms $taxonomy }}
-  <div>
-    {{ range $n, $term := $terms }}{{ if $n }}, {{ end }}
-      <a href="{{ $term.RelPermalink }}">{{ $term.Title }}</a>
-    {{- end }}
-  </div>
+<div class="book-post-meta">
+  {{ with .Date }}
+    <span class="book-post-meta-date">{{ partial "docs/date" (dict "Date" . "Format" $.Site.Params.BookDateFormat) }}</span>
+  {{ end }}
+  {{ range $taxonomy, $key := .Site.Taxonomies }}
+    {{ with $terms := $.GetTerms $taxonomy }}
+    <span class="book-post-meta-separator-{{ $taxonomy }}">&nbsp; | &nbsp;</span>
+    <span class="book-post-meta-{{ $taxonomy }}">
+      {{ range $n, $term := $terms }}{{ if $n }}, {{ end }}
+        <a href="{{ $term.RelPermalink }}">{{ $term.Title }}</a>
+      {{- end }}
+    </span>
+    {{ end }}
   {{ end }}
-{{ end }}
 
-{{ if .Params.image }}
-<p>
-  {{ with .Resources.GetMatch .Params.image }}
-    <img src={{ .RelPermalink }} />
-  {{ else }}
-    <img src={{ .Params.image | relURL }} />
+  {{ if .Params.image }}
+  <p>
+    {{ with .Resources.GetMatch .Params.image }}
+      <img src={{ .RelPermalink }} />
+    {{ else }}
+      <img src={{ .Params.image | relURL }} />
+    {{ end }}
+  </p>
   {{ end }}
-</p>
-{{ end }}
+</div>

layouts/posts/list.html

@@ -1,7 +1,7 @@
 {{ define "main" }}
   {{ range sort .Paginator.Pages }}
   <article class="markdown book-post">
-    <h2>
+    <h2 class="book-post-title">
       <a href="{{ .RelPermalink }}">{{ partial "docs/title.html" . }}</a>
     </h2>
     {{ partial "docs/post-meta" . }}

layouts/posts/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 <article class="markdown book-post">
-  <h1>
+  <h1 class="book-post-title">
     <a href="{{ .RelPermalink }}">{{ partial "docs/title.html" . }}</a>
   </h1>
   {{ partial "docs/post-meta" . }}

layouts/taxonomy/taxonomy.html

@@ -1,7 +1,7 @@
 {{ define "main" }}
   {{ range sort .Paginator.Pages }}
   <article class="markdown book-post">
-    <h2>
+    <h2 class="book-post-title">
       <a href="{{ .RelPermalink }}">{{ partial "docs/title.html" . }}</a>
     </h2>
     {{ partial "docs/post-meta" . }}