Harmonize class names

This commit is contained in:
Michael Rose 2018-03-20 15:38:24 -04:00
parent 19a943eec1
commit a76c16ee23
4 changed files with 15 additions and 15 deletions

View file

@ -4,7 +4,7 @@ layout: archive
{{ content }} {{ content }}
<ul class="taxonomy-index"> <ul class="taxonomy__index">
{% assign categories_max = 0 %} {% assign categories_max = 0 %}
{% for category in site.categories %} {% for category in site.categories %}
{% if category[1].size > categories_max %} {% if category[1].size > categories_max %}
@ -16,7 +16,7 @@ layout: archive
{% if category[1].size == i %} {% if category[1].size == i %}
<li> <li>
<a href="#{{ category[0] | slugify }}"> <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> </a>
</li> </li>
{% endif %} {% endif %}
@ -34,7 +34,7 @@ layout: archive
{% for i in (1..categories_max) reversed %} {% for i in (1..categories_max) reversed %}
{% for category in site.categories %} {% for category in site.categories %}
{% if category[1].size == i %} {% 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> <h2 class="archive__subtitle">{{ category[0] }}</h2>
<div class="entries-{{ page.entries_layout | default: 'list' }}"> <div class="entries-{{ page.entries_layout | default: 'list' }}">
{% for post in category.last %} {% for post in category.last %}

View file

@ -4,12 +4,12 @@ layout: archive
{{ content }} {{ content }}
<ul class="taxonomy-index"> <ul class="taxonomy__index">
{% assign postsInYear = site.posts | group_by_exp: 'post', 'post.date | date: "%Y"' %} {% assign postsInYear = site.posts | group_by_exp: 'post', 'post.date | date: "%Y"' %}
{% for year in postsInYear %} {% for year in postsInYear %}
<li> <li>
<a href="#{{ year.name }}"> <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> </a>
</li> </li>
{% endfor %} {% endfor %}
@ -17,7 +17,7 @@ layout: archive
{% assign postsByYear = site.posts | group_by_exp: 'post', 'post.date | date: "%Y"' %} {% assign postsByYear = site.posts | group_by_exp: 'post', 'post.date | date: "%Y"' %}
{% for year in postsByYear %} {% 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> <h2 class="archive__subtitle">{{ year.name }}</h2>
<div class="entries-{{ page.entries_layout | default: 'list' }}"> <div class="entries-{{ page.entries_layout | default: 'list' }}">
{% for post in year.items %} {% for post in year.items %}

View file

@ -4,7 +4,7 @@ layout: archive
{{ content }} {{ content }}
<ul class="taxonomy-index"> <ul class="taxonomy__index">
{% assign tags_max = 0 %} {% assign tags_max = 0 %}
{% for tag in site.tags %} {% for tag in site.tags %}
{% if tag[1].size > tags_max %} {% if tag[1].size > tags_max %}
@ -16,7 +16,7 @@ layout: archive
{% if tag[1].size == i %} {% if tag[1].size == i %}
<li> <li>
<a href="#{{ tag[0] | slugify }}"> <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> </a>
</li> </li>
{% endif %} {% endif %}
@ -34,7 +34,7 @@ layout: archive
{% for i in (1..tags_max) reversed %} {% for i in (1..tags_max) reversed %}
{% for tag in site.tags %} {% for tag in site.tags %}
{% if tag[1].size == i %} {% 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> <h2 class="archive__subtitle">{{ tag[0] }}</h2>
<div class="entries-{{ page.entries_layout | default: 'list' }}"> <div class="entries-{{ page.entries_layout | default: 'list' }}">
{% for post in tag.last %} {% for post in tag.last %}

View file

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