From 72cc7096ccf3d5b3d79295e0f1bbbd44c69c71a5 Mon Sep 17 00:00:00 2001
From: blossomese <blossomese@gmail.com>
Date: Fri, 4 Oct 2024 11:43:31 +0100
Subject: [PATCH] Initial commit for fixing icon flash issue

---
 src/css/library-vars.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/css/library-vars.css b/src/css/library-vars.css
index ff5e39b1..63f720c8 100644
--- a/src/css/library-vars.css
+++ b/src/css/library-vars.css
@@ -295,3 +295,26 @@ leaving room for semantic and accessible implementation choices  */
     --icon-sprite: var(--cc-logo);
 }
 
+.icon-replace:focus {
+    outline: 2px solid blue; 
+}
+
+.icon-replace:before {
+    content: '';
+    display: block;
+    height: 100%; 
+    width: 100%; 
+    background-color: var(--icon-sprite-color);
+    -webkit-mask-image: var(--icon-sprite);
+    mask-image: var(--icon-sprite);
+    -webkit-mask-size: contain;
+    mask-size: contain;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+}
+
+
+.icon-replace:hover:before,
+.icon-replace:focus:before {
+    background-color: purple; 
+}
\ No newline at end of file