refactor(card) update the spacings around the actions

desig9stein · desig9stein · commit a7481b71a195 · 2025-03-26T12:47:23.000+02:00
diff --git a/src/components/card/themes/shared/container/card.bootstrap.scss b/src/components/card/themes/shared/container/card.bootstrap.scss
@@ -4,11 +4,12 @@
 $theme: $bootstrap;
 
 :host {
-    ::slotted(igc-card-actions:last-child) {
-        padding-block-start: rem(24px);
+    ::slotted(igc-card-content:only-child) {
+        padding-block-end: rem(16px);
     }
 
-    ::slotted(igc-card-actions:only-child) {
-        padding-block-start: rem(16px);
+    ::slotted(igc-card-content:last-child) {
+        padding-block-end: rem(16px);
     }
 }
+
diff --git a/src/components/card/themes/shared/content/card.content.bootstrap.scss b/src/components/card/themes/shared/content/card.content.bootstrap.scss
@@ -3,7 +3,8 @@
 :host {
     @include type-style('body-1');
 
-    padding: rem(16px);
+    padding-inline: rem(16px);
+    padding-block: rem(16px) rem(24px) ;
 }
 
 ::slotted(*) {
diff --git a/src/components/card/themes/shared/header/card.header.bootstrap.scss b/src/components/card/themes/shared/header/card.header.bootstrap.scss
@@ -1,7 +1,9 @@
 @use 'styles/utilities' as *;
 
 ::slotted([slot='title']) {
-    @include type-style('h5');
+    @include type-style('h5') {
+        margin: 0;
+    };
 }
 
 ::slotted([slot='subtitle']) {

Original file line number	Diff line number	Diff line change
`@@ -4,11 +4,12 @@`
`4`	`4`	`$theme: $bootstrap;`
`5`	`5`
`6`	`6`	`:host {`
`7`		`- ::slotted(igc-card-actions:last-child) {`
`8`		`- padding-block-start: rem(24px);`
	`7`	`+ ::slotted(igc-card-content:only-child) {`
	`8`	`+ padding-block-end: rem(16px);`
`9`	`9`	`}`
`10`	`10`
`11`		`- ::slotted(igc-card-actions:only-child) {`
`12`		`- padding-block-start: rem(16px);`
	`11`	`+ ::slotted(igc-card-content:last-child) {`
	`12`	`+ padding-block-end: rem(16px);`
`13`	`13`	`}`
`14`	`14`	`}`
	`15`	`+`