Ajout d'une classe pour le hover des éléments d'une liste

sass/colors.scss

@@ -45,7 +45,7 @@ $pagination-hover-color: rgb(115, 151, 186);
     --input-font-color: #{$nord3};
     --input-color: #{$white};
     --input-active-color: #{$nord5};
-    
+
     --navbar-color: #{darken($white, 5%)};
 
     --box-bg-color: #F8F9FB;

sass/list.scss

@@ -30,10 +30,6 @@
                 border-right: 1px solid var(--border-color);
                 margin-right: -1px;
             }
-
-            &:hover {
-                background-color: var(--border-color);
-            }
         }
 
         .title {
@@ -50,4 +46,10 @@
             max-width: 90%;
         }
     }
+
+    &.hover {
+        .item:hover {
+            background-color: var(--border-color);
+        }
+    }
 }