From c20fac5d6b42783c5847ce0bfe869915483e9371 Mon Sep 17 00:00:00 2001
From: Maksim Malofeev <mmalofeev8@172.31.101.124-vpn.dhcp.yndx.net>
Date: Mon, 24 Nov 2025 11:41:16 +0300
Subject: [PATCH 1/3] feat(BasicCard): add animation for hover background color

---
 styles/mixins.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/styles/mixins.scss b/styles/mixins.scss
index e6387e3e1..e5e0a7065 100644
--- a/styles/mixins.scss
+++ b/styles/mixins.scss
@@ -248,6 +248,8 @@
 }
 
 @mixin background-hover($property: background) {
+    transition: #{$property} 240ms ease-in;
+
     &:hover {
         #{$property}: var(--hover-background-color);
     }

From 955903b1d81173b051f579bb87a0bd816834f889 Mon Sep 17 00:00:00 2001
From: Maksim Malofeev <mmalofeev8@172.31.141.51-vpn.dhcp.yndx.net>
Date: Mon, 24 Nov 2025 14:41:27 +0300
Subject: [PATCH 2/3] feat(BasicCard): update animation effect for hover
 background color

---
 styles/mixins.scss | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/styles/mixins.scss b/styles/mixins.scss
index e5e0a7065..97f10e969 100644
--- a/styles/mixins.scss
+++ b/styles/mixins.scss
@@ -248,10 +248,25 @@
 }
 
 @mixin background-hover($property: background) {
-    transition: #{$property} 240ms ease-in;
+    position: relative;
+    overflow: hidden;
 
-    &:hover {
-        #{$property}: var(--hover-background-color);
+    &::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: var(--hover-background-color);
+        opacity: 0;
+        transition: opacity 240ms ease-in;
+        pointer-events: none;
+        z-index: -1;
+    }
+
+    &:hover::before {
+        opacity: 1;
     }
 }
 

From 5079fc1eaa023c5fb5252a2cb3e8add3cc487e6e Mon Sep 17 00:00:00 2001
From: Maksim Malofeev <mmalofeev8@10.211.84.86-vpn.dhcp.yndx.net>
Date: Mon, 24 Nov 2025 15:31:43 +0300
Subject: [PATCH 3/3] feat(BasicCard): fix linter

---
 styles/mixins.scss | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/styles/mixins.scss b/styles/mixins.scss
index 97f10e969..dedcd9f60 100644
--- a/styles/mixins.scss
+++ b/styles/mixins.scss
@@ -254,10 +254,7 @@
     &::before {
         content: '';
         position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
+        inset: 0;
         background: var(--hover-background-color);
         opacity: 0;
         transition: opacity 240ms ease-in;