diff --git a/core/src/components/card-content/card-content.ionic.scss b/core/src/components/card-content/card-content.ionic.scss index 8f7689927cd..83504d47a12 100644 --- a/core/src/components/card-content/card-content.ionic.scss +++ b/core/src/components/card-content/card-content.ionic.scss @@ -6,16 +6,13 @@ .card-content-ionic { @include globals.padding(globals.$ion-space-400); + @include globals.typography(globals.$ion-body-md-regular); display: flex; flex-direction: column; - font-size: globals.$ion-font-size-350; - - line-height: globals.$ion-font-line-height-600; - - gap: globals.$ion-space-200; + gap: globals.$ion-space-400; img { @include globals.margin(globals.$ion-space-200, 0, globals.$ion-space-200, 0); diff --git a/core/src/components/card/card.ionic.scss b/core/src/components/card/card.ionic.scss index cd669990b06..d2bfed51434 100755 --- a/core/src/components/card/card.ionic.scss +++ b/core/src/components/card/card.ionic.scss @@ -6,8 +6,14 @@ :host { --background: #{globals.$ion-primitives-base-white}; - --border-radius: #{globals.$ion-border-radius-400}; + --border-width: #{globals.$ion-border-size-025}; + --border-color: #{globals.$ion-border-default}; + --border-style: #{globals.$ion-border-style-solid}; + --border-radius: #{globals.$ion-round-xl}; --color: #{globals.$ion-primitives-neutral-1200}; + min-width: globals.$ion-scale-2400; + + border: var(--border-width) var(--border-style) var(--border-color); } ::slotted(img) { @@ -18,9 +24,13 @@ // --------------------------------------------- :host(.card-soft) { - --border-radius: #{globals.$ion-border-radius-200}; + --border-radius: #{globals.$ion-soft-xl}; +} + +:host(.card-round) { + --border-radius: #{globals.$ion-round-xl}; } :host(.card-rectangular) { - --border-radius: #{globals.$ion-border-radius-0}; + --border-radius: #{globals.$ion-rectangular-xl}; } diff --git a/core/src/components/card/test/theme-ionic/index.html b/core/src/components/card/test/theme-ionic/index.html index b9ba7f6b0b7..1525cdaba70 100644 --- a/core/src/components/card/test/theme-ionic/index.html +++ b/core/src/components/card/test/theme-ionic/index.html @@ -32,7 +32,7 @@ - +

Preview options