From 423edc3dc9c80969367287947e6a676037c9f972 Mon Sep 17 00:00:00 2001 From: Material Web Team Date: Wed, 26 Jun 2024 11:06:29 -0700 Subject: [PATCH] style(card): Adds minimal styles for card focus ring structure PiperOrigin-RevId: 647010470 --- packages/mdc-card/_mixins.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/packages/mdc-card/_mixins.scss b/packages/mdc-card/_mixins.scss index 2a3b36bb045..2d943342ad3 100644 --- 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 //