Main nav Donate button icon contrast fix on hover (#13305)

* Main nav Donate button icon contrast fix on hover * Tailwind plugin approach * Keyboard nav focus state addition
MozillaFoundation · Dec 12, 2024 · d676a32 · d676a32
1 parent 059df85
commit d676a32
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/tailwind-plugins/glyph.js b/tailwind-plugins/glyph.js
@@ -48,6 +48,10 @@ module.exports = [
             position: "relative",
             top: "2px",
           },
+          // Hover and active before
+          "&:hover::before, &:focus::before": {
+            filter: "brightness(0) invert(100%)",
+          }
         },
         ".donate": {
           ...glyph("donate"),