style(card): Adds minimal styles for card focus ring structure

PiperOrigin-RevId: 647010470
material-components · Jun 26, 2024 · 423edc3 · 423edc3
1 parent cfec83c
commit 423edc3
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/mdc-card/_mixins.scss b/packages/mdc-card/_mixins.scss
@@ -53,6 +53,7 @@ $ripple-target: '.mdc-card__ripple';
   .mdc-card {
     @include feature-targeting.targets($feat-structure) {
       @include container-layout_;
+      position: relative;
     }
 
     // Transparent card border for high-contrast mode.
@@ -81,6 +82,12 @@ $ripple-target: '.mdc-card__ripple';
     }
   }
 
+  .mdc-card__focus-ring {
+    @include feature-targeting.targets($feat-structure) {
+      position: absolute;
+    }
+  }
+
   //
   // Media
   //