svemagie/blog-eleventy-indiekit
1
0
Fork 0
mirror of https://github.com/svemagie/blog-eleventy-indiekit.git synced 2026-04-02 16:44:56 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(dates): add font-mono text-sm to all <time> elements

Browse Source 
System convention: every rendered date gets font-mono class.
CSS base layer handles font-family, but classes ensure consistency
and proper text-sm sizing across all templates.

Confab-Link: http://localhost:8080/sessions/0ec83454-d346-4329-8aaf-6b12139bf596
This commit is contained in:
Ricardo
2026-03-07 15:59:17 +01:00
parent 4945a6f1e6
commit dacf819b99
15 changed files with 41 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
_includes/components/sections/recent-posts.njk
View File

@@ -52,7 +52,7 @@
<div class="flex-1 min-w-0">
<div class="flex items-center gap-3 text-xs text-surface-500">
<span class="font-medium text-red-600 dark:text-red-400">Liked</span>
<time class="dt-published" datetime="{{ post.date | isoDate }}">
<time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
{{ post.date | dateDisplay }}
</time>
</div>
@@ -80,7 +80,7 @@
<div class="flex-1 min-w-0">
<div class="flex items-center gap-3 text-xs text-surface-500">
<span class="font-medium text-amber-600 dark:text-amber-400">Bookmarked</span>
<time class="dt-published" datetime="{{ post.date | isoDate }}">
<time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
{{ post.date | dateDisplay }}
</time>
</div>
@@ -113,7 +113,7 @@
<div class="flex-1 min-w-0">
<div class="flex items-center gap-3 text-xs text-surface-500">
<span class="font-medium text-green-600 dark:text-green-400">Reposted</span>
<time class="dt-published" datetime="{{ post.date | isoDate }}">
<time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
{{ post.date | dateDisplay }}
</time>
</div>
@@ -141,7 +141,7 @@
<div class="flex-1 min-w-0">
<div class="flex items-center gap-3 text-xs text-surface-500">
<span class="font-medium text-sky-600 dark:text-sky-400">In reply to</span>
<time class="dt-published" datetime="{{ post.date | isoDate }}">
<time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
{{ post.date | dateDisplay }}
</time>
</div>
@@ -170,7 +170,7 @@
<div class="flex-1 min-w-0">
<div class="flex items-center gap-3 text-xs text-surface-500">
<span class="font-medium text-purple-600 dark:text-purple-400">Photo</span>
<time class="dt-published" datetime="{{ post.date | isoDate }}">
<time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
{{ post.date | dateDisplay }}
</time>
</div>
@@ -207,11 +207,11 @@
</p>
{% endif %}
<div class="flex items-center gap-3 text-xs text-surface-500">
<time class="dt-published" datetime="{{ post.date | isoDate }}">
<time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
{{ post.date | dateDisplay }}
</time>
{% if post.data.postType %}
<span class="px-2 py-0.5 bg-surface-100 dark:bg-surface-700 rounded">
<span class="px-2 py-0.5 bg-surface-100 dark:bg-surface-700 rounded-full">
{{ post.data.postType }}
</span>
{% endif %}
@@ -221,12 +221,12 @@
{# ── Note card ── #}
<div class="flex items-center gap-3 text-xs text-surface-500 mb-2">
<a class="u-url" href="{{ post.url }}">
<time class="dt-published font-medium text-surface-500 dark:text-surface-400" datetime="{{ post.date | isoDate }}">
<time class="dt-published font-medium font-mono text-surface-500 dark:text-surface-400" datetime="{{ post.date | isoDate }}">
{{ post.date | dateDisplay }}
</time>
</a>
{% if post.data.postType %}
<span class="px-2 py-0.5 bg-surface-100 dark:bg-surface-700 rounded">
<span class="px-2 py-0.5 bg-surface-100 dark:bg-surface-700 rounded-full">
{{ post.data.postType }}
</span>
{% endif %}