diff --git a/src/components/card/themes/card.content.base.scss b/src/components/card/themes/card.content.base.scss index a4a8a905a..27530ea14 100644 --- a/src/components/card/themes/card.content.base.scss +++ b/src/components/card/themes/card.content.base.scss @@ -13,7 +13,3 @@ ::slotted(*) { margin: 0; } - -::slotted(igc-avatar) { - --ig-size: 1; -} diff --git a/src/components/card/themes/card.header.base.scss b/src/components/card/themes/card.header.base.scss index 040636d00..60304ee07 100644 --- a/src/components/card/themes/card.header.base.scss +++ b/src/components/card/themes/card.header.base.scss @@ -17,7 +17,8 @@ opacity: inherit; } -::slotted(igc-avatar) { +::slotted([slot='thumbnail']), +::slotted(igc-avatar[slot='thumbnail']) { --ig-size: 1; } diff --git a/src/components/card/themes/content.ts b/src/components/card/themes/content.ts index 3fd35f6b1..21e869668 100644 --- a/src/components/card/themes/content.ts +++ b/src/components/card/themes/content.ts @@ -3,24 +3,17 @@ import { css } from 'lit'; import type { Themes } from '../../../theming/types.js'; // Shared Styles import { styles as bootstrap } from './shared/content/card.content.bootstrap.css.js'; -import { styles as indigo } from './shared/content/card.content.indigo.css.js'; const light = { bootstrap: css` ${bootstrap} `, - indigo: css` - ${indigo} - `, }; const dark = { bootstrap: css` ${bootstrap} `, - indigo: css` - ${indigo} - `, }; export const all: Themes = { light, dark }; diff --git a/src/components/card/themes/shared/content/card.content.indigo.scss b/src/components/card/themes/shared/content/card.content.indigo.scss deleted file mode 100644 index 00a7097b9..000000000 --- a/src/components/card/themes/shared/content/card.content.indigo.scss +++ /dev/null @@ -1,7 +0,0 @@ -@use 'styles/utilities' as *; - -:host { - ::slotted(igc-avatar) { - --ig-size: 3; - } -} diff --git a/src/components/card/themes/shared/header/card.header.indigo.scss b/src/components/card/themes/shared/header/card.header.indigo.scss index ed79b801d..f1bf260ac 100644 --- a/src/components/card/themes/shared/header/card.header.indigo.scss +++ b/src/components/card/themes/shared/header/card.header.indigo.scss @@ -1,15 +1,16 @@ @use 'styles/utilities' as *; :host { - ::slotted(igc-avatar) { - --ig-size: 3; - } - [part='header'] { gap: rem(2px); } } +::slotted([slot='thumbnail']), +::slotted(igc-avatar[slot='thumbnail']) { + --ig-size: 3; +} + ::slotted([slot='subtitle']) { @include type-style('body-2');