fix: darken card action btn hover state

openedx · Sep 16, 2024 · eba5baf · eba5baf
1 parent 78f01d2
commit eba5baf
Showing 1 changed file with 36 additions and 0 deletions.
diff --git a/src/generic/block-type-utils/index.scss b/src/generic/block-type-utils/index.scss
@@ -4,6 +4,12 @@
   .pgn__icon {
     color: white;
   }
+
+  .btn-icon {
+    &:hover, &:active, &:focus {
+      background-color: darken(#005C9E, 15%);
+    }
+  }
 }
 
 .component-style-html {
@@ -12,6 +18,12 @@
   .pgn__icon {
     color: white;
   }
+
+  .btn-icon {
+    &:hover, &:active, &:focus {
+      background-color: darken(#9747FF, 15%);
+    }
+  }
 }
 
 .component-style-collection {
@@ -20,6 +32,12 @@
   .pgn__icon {
     color: black;
   }
+
+  .btn-icon {
+    &:hover, &:active, &:focus {
+      background-color: darken(#FFCD29, 15%);
+    }
+  }
 }
 
 .component-style-video {
@@ -28,6 +46,12 @@
   .pgn__icon {
     color: white;
   }
+
+  .btn-icon {
+    &:hover, &:active, &:focus {
+      background-color: darken(#358F0A, 15%);
+    }
+  }
 }
 
 .component-style-vertical {
@@ -36,6 +60,12 @@
   .pgn__icon {
     color: white;
   }
+
+  .btn-icon {
+    &:hover, &:active, &:focus {
+      background-color: darken(#0B8E77, 15%);
+    }
+  }
 }
 
 .component-style-other {
@@ -44,4 +74,10 @@
   .pgn__icon {
     color: white;
   }
+
+  .btn-icon {
+    &:hover, &:active, &:focus {
+      background-color: darken(#646464, 15%);
+    }
+  }
 }