fix(card): clean up inverse and static styles

carbon-design-system · Oct 10, 2023 · 3ac07f0 · 3ac07f0
1 parent eab73a2
commit 3ac07f0
Showing 1 changed file with 14 additions and 9 deletions.
diff --git a/packages/styles/scss/components/card/_card.scss b/packages/styles/scss/components/card/_card.scss
@@ -307,6 +307,7 @@
   :host(#{$c4d-prefix}-card-group-item) {
     &:not([href]) {
       .#{$prefix}--card .#{$prefix}--card__copy {
+        margin-top: auto;
         margin-bottom: $spacing-01;
       }
 
@@ -545,6 +546,19 @@
     .#{$prefix}--card {
     .#{$prefix}--tile {
       background-color: $background-inverse;
+      border-color: $background-inverse;
+
+      &:hover {  
+        #{$c4d-prefix}-image,
+        ::slotted(#{$c4d-prefix}-image),
+        ::slotted(#{$c4d-prefix}-card-cta-image){
+          filter: brightness(108%);
+
+          &::after {
+            display: none;
+          }
+        }
+      }
     }
 
     .#{$prefix}--card__wrapper:hover {
@@ -560,15 +574,6 @@
       color: $text-placeholder;
     }
 
-    &:hover {
-      background-color: $background-inverse-hover;
-
-      ::slotted(#{$c4d-prefix}-image),
-      ::slotted(#{$c4d-prefix}-card-cta-image) {
-        filter: brightness(108%);
-      }
-    }
-
     &:focus-within {
       &::after {
         content: '';