fix(callout): quote focus and image caption color

ariellalgilmore · Sep 19, 2023 · e783791 · e783791
1 parent 0297243
commit e783791
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/packages/styles/scss/components/callout-quote/_callout-quote.scss b/packages/styles/scss/components/callout-quote/_callout-quote.scss
@@ -61,7 +61,6 @@
     display: inline-block;
     a.#{$prefix}--link-with-icon.#{$prefix}--link.#{$prefix}--link-with-icon__icon-right {
       color: $link-primary;
-      outline-color: $focus-inverse;
 
       &:hover {
         color: $link-primary-hover;
@@ -76,6 +75,7 @@
   :host(#{$c4d-prefix}-callout-link-with-icon[color-scheme='inverse']) {
     a.#{$prefix}--link-with-icon.#{$prefix}--link.#{$prefix}--link-with-icon__icon-right {
       color: $link-inverse;
+      outline-color: $focus-inverse;
 
       &:hover {
         // @carbon/styles has no hover color for $link-inverse.

diff --git a/packages/styles/scss/components/callout-with-media/_callout-with-media.scss b/packages/styles/scss/components/callout-with-media/_callout-with-media.scss
@@ -91,35 +91,35 @@
     @extend :host(#{$c4d-prefix}-callout-text[color-scheme='cyan']);
   }
 
-  :host(#{$c4d-prefix}-callout-with-media-image) .#{$prefix}--image__caption,
+  :host(#{$c4d-prefix}-callout-with-media-image) .#{$c4d-prefix}--image__caption,
   :host(#{$c4d-prefix}-callout-with-media-video)
     ::slotted(#{$c4d-prefix}-video-player) {
     @extend :host(#{$c4d-prefix}-callout-caption);
   }
 
   :host(#{$c4d-prefix}-callout-with-media-image[color-scheme='inverse'])
-    .#{$prefix}--image__caption,
+    .#{$c4d-prefix}--image__caption,
   :host(#{$c4d-prefix}-callout-with-media-video[color-scheme='inverse'])
     ::slotted(#{$c4d-prefix}-video-player) {
     @extend :host(#{$c4d-prefix}-callout-caption[color-scheme='inverse']);
   }
 
   :host(#{$c4d-prefix}-callout-with-media-image[color-scheme='layer'])
-    .#{$prefix}--image__caption,
+    .#{$c4d-prefix}--image__caption,
   :host(#{$c4d-prefix}-callout-with-media-video[color-scheme='layer'])
     ::slotted(#{$c4d-prefix}-video-player) {
     @extend :host(#{$c4d-prefix}-callout-caption[color-scheme='layer']);
   }
 
   :host(#{$c4d-prefix}-callout-with-media-image[color-scheme='purple'])
-    .#{$prefix}--image__caption,
+    .#{$c4d-prefix}--image__caption,
   :host(#{$c4d-prefix}-callout-with-media-video[color-scheme='purple'])
     ::slotted(#{$c4d-prefix}-video-player) {
     @extend :host(#{$c4d-prefix}-callout-caption[color-scheme='purple']);
   }
 
   :host(#{$c4d-prefix}-callout-with-media-image[color-scheme='cyan'])
-    .#{$prefix}--image__caption,
+    .#{$c4d-prefix}--image__caption,
   :host(#{$c4d-prefix}-callout-with-media-video[color-scheme='cyan'])
     ::slotted(#{$c4d-prefix}-video-player) {
     @extend :host(#{$c4d-prefix}-callout-caption[color-scheme='cyan']);