From 4b76a856b2841fb197acc982ed168bc52db6ea3d Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Sun, 5 Jan 2025 23:44:45 +0100
Subject: add tailwind and do some replacements

---
 layouts/taxonomy/terms.html | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

(limited to 'layouts/taxonomy')

diff --git a/layouts/taxonomy/terms.html b/layouts/taxonomy/terms.html
index 30ae287..4fedd23 100644
--- a/layouts/taxonomy/terms.html
+++ b/layouts/taxonomy/terms.html
@@ -3,11 +3,11 @@
 {{ end }}
 
 {{ define "main" }}
-  <section class="mw7 center">
-    <section class="mt3">
+  <section class="max-w-screen-md mx-auto">
+    <section class="mt-4">
       {{ range .Data.Terms.ByCount }}
         <a
-          class="dib near-black link grow hover-bg-white-80 hover-near-black pa2 ba ma1 br2"
+          class="dib near-black grow hover-bg-white-80 hover-near-black p-2 ba m-1 br2"
           href="#{{ .Name | urlize }}-list"
           data-tag="{{ .Name | lower }}"
         >
@@ -21,22 +21,22 @@
       {{ range .Data.Terms.ByCount }}
         <div
           id="{{ .Name | urlize }}-list"
-          class="pa1 pa2-ns bb"
+          class="p-1 pa2-ns bb"
           data-tag="{{ .Name | lower }}"
         >
-          <h4 class="f4 bold center lh-title">
-            <a class="link dim color-inherit" href="{{ .Name | urlize }}">
+          <h4 class="f4 bold mx-auto lh-title">
+            <a class="dim color-inherit" href="{{ .Name | urlize }}">
               {{ .Name }} ({{ .Pages | len }})
             </a>
           </h4>
           <ul class="list">
             {{ range .Pages.ByDate }}
-              <li class="lh-copy grow stripe-dark pa2">
-                <a class="link dim color-inherit db" href="{{ .RelPermalink }}">
+              <li class="lh-copy grow stripe-dark p-2">
+                <a class="dim color-inherit block" href="{{ .RelPermalink }}">
                   {{ $dateFormat := .Site.Params.dateFormat | default ":date_medium" }}
                   <time
                     datetime="{{ .Date.Format "2006-01-02" }}"
-                    class="f6 fw3 fr ml2"
+                    class="f6 fw3 fr ml-2"
                   >
                     <i class="far fa-calendar"></i>
                     {{ time.Format $dateFormat .Date }}
-- 
cgit v1.2.3