Simplify styling

_includes/category-list.html

@@ -15,11 +15,13 @@
   {% capture page_categories %}{% for category in page.categories %}{{ category | downcase }}#{{ category }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
   {% assign category_hashes = (page_categories | split: ',' | sort:0) %}
 
-  <p class="page__taxonomy"><strong>{{ site.data.ui-text[site.locale].categories_label }}</strong> <span itemprop="keywords">
+  <p class="page__taxonomy">
+    {% if site.data.ui-text[site.locale].categories_label %}<strong>{{ site.data.ui-text[site.locale].categories_label }} </strong>{% endif %}
+    <span itemprop="keywords">
     {% for hash in category_hashes %}
       {% assign keyValue = hash | split: '#' %}
       {% capture category_word %}{{ keyValue[1] | strip_newlines }}{% endcapture %}
-    <a href="{{ base_path }}{{ category_word | slugify | prepend: path_type | prepend: site.categories.path }}" class="page__taxonomy-item" rel="tag">{{ category_word }}</a>{% unless forloop.last %}, {% endunless %}
+      <a href="{{ base_path }}{{ category_word | slugify | prepend: path_type | prepend: site.categories.path }}" class="page__taxonomy-item" rel="tag">{{ category_word }}</a>{% unless forloop.last %}<span class="sep">, </span>{% endunless %}
     {% endfor %}
     </span>
   </p>

_includes/tag-list.html

@@ -15,11 +15,13 @@
   {% capture page_tags %}{% for tag in page.tags %}{{ tag | downcase }}#{{ tag }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
   {% assign tag_hashes = (page_tags | split: ',' | sort:0) %}
 
-  <p class="page__taxonomy"><strong>{{ site.data.ui-text[site.locale].tags_label }}</strong> <span itemprop="keywords">
+  <p class="page__taxonomy">
+    {% if site.data.ui-text[site.locale].tags_label %}<strong>{{ site.data.ui-text[site.locale].tags_label }} </strong>{% endif %}
+    <span itemprop="keywords">
     {% for hash in tag_hashes %}
       {% assign keyValue = hash | split: '#' %}
       {% capture tag_word %}{{ keyValue[1] | strip_newlines }}{% endcapture %}
-    <a href="{{ base_path }}{{ tag_word | slugify | prepend: path_type | prepend: site.tags.path }}" class="page__taxonomy-item" rel="tag">{{ tag_word }}</a>{% unless forloop.last %}, {% endunless %}
+      <a href="{{ base_path }}{{ tag_word | slugify | prepend: path_type | prepend: site.tags.path }}" class="page__taxonomy-item" rel="tag">{{ tag_word }}</a>{% unless forloop.last %}<span class="sep">, </span>{% endunless %}
     {% endfor %}
     </span>
   </p>

_layouts/single.html

@@ -19,8 +19,6 @@ layout: default
       {% if page.link %}<div><a href="{{ page.link }}" class="btn">{{ site.data.ui-text[site.locale].ext_link_label }}</a></div>{% endif %}
     </section>
 
-    {% if site.share and page.share %}{% include social-share.html %}{% endif %}
-
     <footer class="page__meta">
       {% if site.data.ui-text[site.locale].meta_label %}
         <h4 class="page__meta-title">{{ site.data.ui-text[site.locale].meta_label }}</h4>
@@ -32,6 +30,8 @@ layout: default
         <p class="page__date"><strong>{{ site.data.ui-text[site.locale].date_label }}</strong> <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time></p>
       {% endif %}
     </footer>
+
+    {% if site.share and page.share %}{% include social-share.html %}{% endif %}
   </div>
 
   {% if site.comments.provider and page.comments %}

assets/_scss/_archive.scss

@@ -21,8 +21,8 @@
 .archive__subtitle {
   margin: 0;
   padding-bottom: 0.5em;
-  font-family: $serif;
+  font-size: 14px;
-  font-size: 28px;
+  color: mix(#fff, $gray, 25%);
   border-bottom: 1px solid $border-color;
 }
 

assets/_scss/_notices.scss

@@ -14,8 +14,7 @@
   margin: 2em 0;
   padding: 1em;
   background-color: mix(#fff, $notice-color, 90%);
-  border-top: 0.25em solid mix(#fff, $notice-color, 50%);
+  border-radius: $border-radius;
-  border-bottom: 0.25em solid mix(#fff, $notice-color, 50%);
   h4 {
     margin-top: 0 !important; // override
     margin-bottom: 0.75em;

assets/_scss/_page.scss

@@ -102,14 +102,8 @@
   color: mix(#fff, $gray, 25%);
   font-family: $sans-serif;
   font-size: 14px;
-  a {
-    text-decoration: none;
-    &:hover {
-      text-decoration: underline;
-    }
-  }
   p {
-    margin-bottom: 0;
+    margin-bottom: 0.5em;
   }
 }
 
@@ -120,6 +114,32 @@
 }
 
 
+/*
+   Page taxonomy
+   ========================================================================== */
+
+.page__taxonomy {
+  .sep {
+    display: none;
+  }
+}
+
+.page__taxonomy-item {
+  display: inline-block;
+  margin-right: 5px;
+  margin-bottom: 8px;
+  padding: 5px 10px;
+  text-decoration: none;
+  border: 1px solid $light-gray;
+  border-radius: $border-radius;
+  &:hover {
+    text-decoration: none;
+    border-color: $gray;
+  }
+}
+
+
+
 /*
    Comments
    ========================================================================== */

assets/_scss/_toc.scss

@@ -26,11 +26,7 @@
   padding: 10px 20px;
   font-family: $sans-serif-narrow;
   font-size: 16px;
-  color: #fff;
+  border-bottom: 1px solid $border-color;
-  border: 1px solid $border-color;
-  border-top-left-radius: $border-radius;
-  border-top-right-radius: $border-radius;
-  background: $gray;
 }
 
 .toc__menu {
@@ -38,10 +34,6 @@
   padding: 0;
   width: 100%;
   list-style: none;
-  border: 1px solid $border-color;
-  border-top: none;
-  border-bottom-right-radius: $border-radius;
-  border-bottom-left-radius: $border-radius;
   a {
     display: block;
     padding: 10px 20px;
@@ -49,20 +41,14 @@
     font-size: 11px;
     font-weight: bold;
     line-height: 1.5;
-    border-left: 0.5em solid $gray;
     border-bottom: 1px solid $border-color;
     &:hover {
       color: #000;
-      border-left: 0.5em solid $info-color;
       background: mix(#fff, $info-color, 90%);
     }
   }
   li ul > li a {
     font-weight: normal;
-    border-left: 0.5em solid mix(#fff, $gray, 25%);
-  }
-  li ul > li > ul > li a {
-    border-left: 0.5em solid mix(#fff, $gray, 50%);
   }
   // hide sub sub links on small screens
   li > ul li {