feat(card-group/card-section-offset): v2 updates (#11043)

* feat(styles): update card-group and video-player styles --------- Co-authored-by: kennylam <[email protected]>
carbon-design-system · Nov 14, 2023 · 45a8eb4 · 45a8eb4
1 parent fca0adc
commit 45a8eb4
Show file tree

Hide file tree

Showing 19 changed files with 574 additions and 721 deletions.
diff --git a/docs/dotcom-v2-migration.md b/docs/dotcom-v2-migration.md
@@ -26,6 +26,7 @@ For Carbon v11 migration guidance, see their
 | callout-with-media        | View [changes](#callout-with-media).                                                                                                                       |
 | callout-quote             | View [changes](#callout-quote).                                                                                                                            |
 | card                      | View [changes](#card).                                                                                                                                     |
+| card-group                | View changes [here](#card-group)                                                                                                                           |
 | card-group-card-link-item | Deprecated in favor of [card](#card) or [content-item](#content-item).                                                                                     |
 | card-in-card              | No API changes.                                                                                                                                            |
 | card-link                 | Deprecated in favor of [card](#card) (link variant).                                                                                                       |
@@ -96,6 +97,14 @@ For Carbon v11 migration guidance, see their
   options
 - New `link` property which takes the place of the deprecated `card-link`
 
+### Card group
+
+- Removed `outline` property
+- New grid mode options: `Default` with a 32px gap, `Narrow` with a 16px gap, and `Condensed` with no gaps inbetween
+- Grid mode options `Collapsed` has been replaced with `Condensed`
+- Removed grid mode option `Border`
+- Deprecated `card-link` option in Card group
+
 ### Content group banner
 
 - `content-group-banner` renamed to `in-page-banner`

diff --git a/packages/styles/scss/components/background-media/_background-media.scss b/packages/styles/scss/components/background-media/_background-media.scss
@@ -20,6 +20,13 @@
     height: 100%;
     display: block;
     outline: none;
+
+    .#{$c4d-prefix}--image__img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      display: block;
+    }
   }
 
   .#{$prefix}--background-media--mobile-position {