From 1d0d9fbbe87974c5bd7d887a422474787f9fcc75 Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Sun, 27 Oct 2024 03:34:38 +0300
Subject: [PATCH] Revert the change of looks of colored buttons

---
 sass/_buttons.scss  |  7 ++++---
 sass/_comments.scss | 19 +++----------------
 2 files changed, 7 insertions(+), 19 deletions(-)

diff --git a/sass/_buttons.scss b/sass/_buttons.scss
index 9ce1fc4..173b7a7 100644
--- a/sass/_buttons.scss
+++ b/sass/_buttons.scss
@@ -53,12 +53,13 @@
 		}
 
 		&.colored {
-			background-color: var(--accent-color-alpha);
+			box-shadow: none;
+			background-color: transparent;
 			color: var(--accent-color);
 
 			&:hover {
-				background-color: var(--accent-color);
-				color: var(--contrast-color);
+				box-shadow: var(--edge-highlight);
+				background-color: var(--accent-color-alpha);
 			}
 		}
 
diff --git a/sass/_comments.scss b/sass/_comments.scss
index 4fe1029..eb5a49c 100644
--- a/sass/_comments.scss
+++ b/sass/_comments.scss
@@ -329,7 +329,7 @@
 				font-weight: normal;
 				text-decoration: none;
 
-				&:hover {
+				&:hover:not(:active) {
 					img {
 						transform: var(--hover);
 						box-shadow: var(--edge-highlight), var(--shadow-raised);
@@ -344,21 +344,6 @@
 
 				&:active {
 					transform: var(--active);
-
-					img {
-						transform: none;
-						margin: 0;
-						box-shadow: var(--edge-highlight), var(--shadow);
-						border-radius: var(--rounded-corner)
-							var(--rounded-corner) var(--rounded-corner-small)
-							var(--rounded-corner-small);
-
-						& + figcaption {
-							border-radius: var(--rounded-corner-small)
-								var(--rounded-corner-small)
-								var(--rounded-corner) var(--rounded-corner);
-						}
-					}
 				}
 
 				figure {
@@ -372,6 +357,8 @@
 						border-radius: var(--rounded-corner)
 							var(--rounded-corner) var(--rounded-corner-small)
 							var(--rounded-corner-small);
+						aspect-ratio: 16 / 9;
+						object-fit: cover;
 
 						& + figcaption {
 							border-radius: var(--rounded-corner-small)