update tag format

ethangardner · Jan 6, 2023 · febc3a6 · febc3a6
1 parent 94b7ade
commit febc3a6
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 3 deletions.
diff --git a/_includes/articleslist.njk b/_includes/articleslist.njk
@@ -3,7 +3,7 @@
     <li class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}">
       <a href="{{ post.url | url }}" class="postlist-link">{% if post.data.title %}{{ post.data.title }}{% else %}<code>{{ post.url }}</code>{% endif %}</a>
       <time class="postlist-date icon-date" datetime="{{ post.date | htmlDateString }}">{{ post.date | readableDate }}</time>
-      <ul class="post-tags">
+      <ul class="post-tags list-reset">
       {% for tag in post.data.tags | filterTagList %}
         {% set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
         <li class="post-tags__item">

diff --git a/_includes/layouts/article.njk b/_includes/layouts/article.njk
@@ -7,7 +7,7 @@ templateClass: tmpl-article
     <header>
       <h1>{{ title }}</h1>
       <time class="post-date icon-date" datetime="{{ page.date | htmlDateString }}">{{ page.date | readableDate }}</time>
-      <ul class="post-tags">
+      <ul class="post-tags list-reset">
         {%- for tag in tags | filterTagList %}
           {%- set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
           <li class="post-tags__item">

diff --git a/css/global.css b/css/global.css
@@ -10,6 +10,9 @@
   --gray-0: #686868;
 }
 
+/**
+ * Global elements
+ */
 * {
   box-sizing: border-box;
 }
@@ -123,6 +126,12 @@ td, th {
   max-width: 1600px;
 }
 
+.list-reset {
+  list-style: none;
+  margin-left: 0;
+  padding-left: 0;
+}
+
 .pd {
   padding: var(--spacing-20);
 }
@@ -158,6 +167,17 @@ td, th {
   max-width: 700px;
 }
 
+/**
+ * meta info
+ */
+.post-tags {
+  display: flex;
+}
+
+.post-tags__item {
+  margin-right: 10px;
+}
+
 /**
  * icons
  */

diff --git a/tags-list.njk b/tags-list.njk
@@ -4,7 +4,7 @@ layout: layouts/home.njk
 ---
 <h1>Tags</h1>
 
-<ul class="post-tags">
+<ul class="post-tags list-reset">
 {% for tag in collections.tagList %}
   {% set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
   <li class="post-tags__item">