From 875fe52949e2fedad8e10910fc6aa744706b2d22 Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Sun, 22 Sep 2024 07:12:42 +0300
Subject: [PATCH] Get rid of dashed outline

It didn't fit the style well enough
---
 CHANGELOG.md            |  1 +
 sass/_article-list.scss | 12 ++----------
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d2ff6b1..fa481d2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Get rid of dashed outline on article hover in article list.
 - More visually interesting paginator.
 - Move paginator from `articles.html` to `article-list.html`.
 - Tweak styling of `details`.
diff --git a/sass/_article-list.scss b/sass/_article-list.scss
index 9d1cc72..effca3c 100644
--- a/sass/_article-list.scss
+++ b/sass/_article-list.scss
@@ -7,9 +7,6 @@
 	article {
 		position: relative;
 		transition: var(--transition-longer);
-		outline-color: transparent;
-		outline-style: dashed;
-		outline-width: 0.125rem;
 		box-shadow: var(--edge-highlight), var(--shadow-glass);
 		border-radius: var(--rounded-corner);
 		border-start-end-radius: 2.125rem;
@@ -18,13 +15,8 @@
 		padding: 1rem;
 		overflow: hidden;
 
-		&:hover {
-			outline-color: var(--accent-color);
-			outline-offset: 0.5rem;
-
-			.blurnail {
-				transform: var(--hover);
-			}
+		&:hover .blurnail {
+			transform: scale(1.5);
 		}
 
 		.heading {