Carbon CSS Issue Solutions

aem--card__copy.scss

@use '@carbon/ibmdotcom-styles/scss/globals/utils/content-width' as *;

.aem--card__copy {
  @include content-width;
}

aem--card__footer.scss

@use '@carbon/styles/scss/themes' as *;
@use '@carbon/styles/scss/theme' as * with (
  $theme: $white
);

.aem--card__footer {
  align-self: flex-start;
  &:hover {
    text-decoration: underline;

    svg,
    .aem--card__cta__copy {
      color: $link-primary-hover;
    }
  }

  &:active,
  &:focus {
    align-self: flex-start;
    outline: 1px solid $focus;
  }
  &::after {
    position: relative;
  }
}

aem--content-block__heading.scss

@use '@carbon/styles/scss/type' as *;
@use '@carbon/styles/scss/spacing' as *;
@use '@carbon/styles/scss/themes' as *;
@use '@carbon/styles/scss/theme' as * with (
  $theme: $white
);

.aem--content-block__heading {
  @include type-style('expressive-heading-05', true);

  color: $text-primary;
  margin-bottom: $spacing-07;
}

aem--image__img.scss

.aem--image__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

Carbon CSS Issue Solutions.md

https://ibm.box.com/s/zc4mdymyuajfbj3b6mlcme0kj1pm3f1v