From 6d731b4fd40288b263bbfd809aa4830ab80dd0dc Mon Sep 17 00:00:00 2001
From: Gabriel Cozma <me@gabs.eu.org>
Date: Thu, 29 Aug 2024 14:18:27 +0300
Subject: [PATCH] feat: smooth transitions for the `time` element

---
 CHANGELOG.md                          | 2 ++
 src/styles/components/_semantics.scss | 3 ++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8c83893..c73b4a8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -32,6 +32,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 - Make the progress bar use 100% of the width
 
+- Smooth transitions for the `time` element
+
 ### Removed
 
 - Remove fallback for "Make navigation links' URL be provided with `url` not `link`
diff --git a/src/styles/components/_semantics.scss b/src/styles/components/_semantics.scss
index 769ccdf..6050032 100644
--- a/src/styles/components/_semantics.scss
+++ b/src/styles/components/_semantics.scss
@@ -42,6 +42,7 @@ time {
   color: var(--color-accent);
   font-weight: 700;
   font-size: 0.875rem;
+  transition: border 0.1s ease, font-weight 0.1s ease;
 
   strong {
     display: inline-block;
@@ -66,7 +67,7 @@ time {
     font-weight: 800;
 
     strong {
-      animation: none;
+      animation: blink 1.5s infinite alternate;
     }
   }
 }