4 files changed, 15 insertions(+), 15 deletions(-)

M _layouts/categories.html
M _layouts/posts.html
M _layouts/tags.html
M _sass/minimal-mistakes/_page.scss

@@ 4,7 4,7 @@ layout: archive
 
 {{ content }}
 
-<ul class="taxonomy-index">
+<ul class="taxonomy__index">
   {% assign categories_max = 0 %}
   {% for category in site.categories %}
     {% if category[1].size > categories_max %}


@@ 16,7 16,7 @@ layout: archive
       {% if category[1].size == i %}
         <li>
           <a href="#{{ category[0] | slugify }}">
-            <strong>{{ category[0] }}</strong> <span class="taxonomy-count">{{ i }}</span>
+            <strong>{{ category[0] }}</strong> <span class="taxonomy__count">{{ i }}</span>
           </a>
         </li>
       {% endif %}


@@ 34,7 34,7 @@ layout: archive
 {% for i in (1..categories_max) reversed %}
   {% for category in site.categories %}
     {% if category[1].size == i %}
-      <section id="{{ category[0] | slugify | downcase }}" class="taxonomy-section">
+      <section id="{{ category[0] | slugify | downcase }}" class="taxonomy__section">
         <h2 class="archive__subtitle">{{ category[0] }}</h2>
         <div class="entries-{{ page.entries_layout | default: 'list' }}">
           {% for post in category.last %}

@@ 4,12 4,12 @@ layout: archive
 
 {{ content }}
 
-<ul class="taxonomy-index">
+<ul class="taxonomy__index">
   {% assign postsInYear = site.posts | group_by_exp: 'post', 'post.date | date: "%Y"' %}
   {% for year in postsInYear %}
     <li>
       <a href="#{{ year.name }}">
-        <strong>{{ year.name }}</strong> <span class="taxonomy-count">{{ year.items | size }}</span>
+        <strong>{{ year.name }}</strong> <span class="taxonomy__count">{{ year.items | size }}</span>
       </a>
     </li>
   {% endfor %}


@@ 17,7 17,7 @@ layout: archive
 
 {% assign postsByYear = site.posts | group_by_exp: 'post', 'post.date | date: "%Y"' %}
 {% for year in postsByYear %}
-  <section id="{{ year.name }}" class="taxonomy-section">
+  <section id="{{ year.name }}" class="taxonomy__section">
     <h2 class="archive__subtitle">{{ year.name }}</h2>
     <div class="entries-{{ page.entries_layout | default: 'list' }}">
       {% for post in year.items %}

@@ 4,7 4,7 @@ layout: archive
 
 {{ content }}
 
-<ul class="taxonomy-index">
+<ul class="taxonomy__index">
   {% assign tags_max = 0 %}
   {% for tag in site.tags %}
     {% if tag[1].size > tags_max %}


@@ 16,7 16,7 @@ layout: archive
       {% if tag[1].size == i %}
         <li>
           <a href="#{{ tag[0] | slugify }}">
-            <strong>{{ tag[0] }}</strong> <span class="taxonomy-count">{{ i }}</span>
+            <strong>{{ tag[0] }}</strong> <span class="taxonomy__count">{{ i }}</span>
           </a>
         </li>
       {% endif %}


@@ 34,7 34,7 @@ layout: archive
 {% for i in (1..tags_max) reversed %}
   {% for tag in site.tags %}
     {% if tag[1].size == i %}
-      <section id="{{ tag[0] | slugify | downcase }}" class="taxonomy-section">
+      <section id="{{ tag[0] | slugify | downcase }}" class="taxonomy__section">
         <h2 class="archive__subtitle">{{ tag[0] }}</h2>
         <div class="entries-{{ page.entries_layout | default: 'list' }}">
           {% for post in tag.last %}

@@ 295,7 295,7 @@
   }
 }
 
-.taxonomy-section {
+.taxonomy__section {
   margin-bottom: 2em;
   padding-bottom: 1em;
 


@@ 312,25 312,25 @@
     border: 0;
   }
 
-  + .taxonomy-section {
+  + .taxonomy__section {
     margin-top: 2em;
   }
 }
 
-.taxonomy-title {
+.taxonomy__title {
   margin-bottom: 0.5em;
   color: lighten($text-color, 60%);
 }
 
-.taxonomy-count {
+.taxonomy__count {
   color: lighten($text-color, 50%);
 }
 
-.taxonomy-index {
+.taxonomy__index {
   display: grid;
   grid-column-gap: 2em;
   grid-template-columns: repeat(2, 1fr);
-  margin: 0;
+  margin: 1.414em 0;
   padding: 0;
   font-size: 0.75em;
   list-style: none;