Make the remove button hover color settable by css variable

projectblacklight · Nov 21, 2024 · d5f174c · d5f174c
1 parent 2c0fe7c
commit d5f174c
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/app/assets/stylesheets/blacklight/_facets.scss b/app/assets/stylesheets/blacklight/_facets.scss
@@ -2,6 +2,7 @@
   --bl-facet-active-bg: var(--bs-success);
   --bl-facet-active-item-color: var(--bs-success);
   --bl-facet-remove-color: var(--bs-secondary-color);
+  --bl-facet-remove-hover-color: var(--bs-danger);
 
   .facet-toggle-button {
     [data-hide-label] {
@@ -99,7 +100,7 @@
     text-decoration: none;
 
     &:hover {
-      color: $danger;
+      color: var(--bl-facet-remove-hover-color);
       text-decoration: none;
     }
   }