styling fixes

src/index.html

@@ -1,12 +1,12 @@
 ---
 layout: default
 title: Blog
-templateEngineOverride: liquid,md
 pagination:
     data: collections.posts
     size: 10
     reverse: true
     alias: posts
+templateEngineOverride: liquid,md
 ---
 
 {% for post in pagination.items %} {% if post.data.published %}

src/tagList.md

@@ -7,11 +7,12 @@ pagination:
 permalink: /tags/{{ tag }}/
 eleventyComputed:
     title: '{{ tag }}'
+templateEngineOverride: liquid,md
 ---
 
 {% for post in collections[tag] %}
 
-<div class="mb-8 border-b border-gray-200 pb-8 dark:border-gray-700">
+<div class="mb-8 border-b border-gray-200 pb-4 dark:border-gray-700">
     <a class="no-underline" href="{{ post.url }}"
         ><h2
             class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl"
@@ -19,12 +20,9 @@ eleventyComputed:
             {{ post.data.title }}
         </h2>
     </a>
-    <div class="mt-2 text-sm">
-        <em>{{ post.date | date: "%m.%d.%Y" }}</em>
-    </div>
-    <p class="mt-4">{{ post.data.post_excerpt }}
-    </p>
-    <div class="mt-4 flex items-center justify-between">
+    <div class="h-14 flex items-center text-sm">
+        <span>{{ post.date | date: "%m.%d.%Y" }}</span>
+        <span class="mx-1">•</span>
         <a class="flex-none font-normal no-underline" href="{{ post.url }}">Read more &rarr;</a>
     </div>
 </div>

src/tags.md

@@ -6,7 +6,7 @@ title: Tags
 {% for tag in collections.tagList %}
 
 <span>
-    <a href="/tags/{{ tag }}"><button class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow mr-6 mb-4">
+    <a href="/tags/{{ tag }}" class="no-underline"><button class="bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow mr-6 mb-4">
         {{ tag }}
     </button>
     </a>

tailwind.config.js

@@ -53,7 +53,10 @@ module.exports = {
                             border: `1px solid ${theme('colors.gray.700')}`,
                         },
                         code: {
+                            color: `${theme('colors.gray.50')} !important`,
                             backgroundColor: theme('colors.gray.900'),
+                            borderRadius: '0.25rem',
+                            padding: '0.25rem',
                         },
                     },
                 },