refactor(card) update the spacings around the actions

Author: desig9stein

src/components/card/themes/card.actions.base.scss

@@ -6,7 +6,7 @@
     flex-flow: column nowrap;
     align-items: flex-end;
     justify-content: space-between;
-    padding: rem(8px);
+    padding: rem(8px) rem(16px);
     flex-basis: min-content;
 }
 

src/components/card/themes/container.ts

@@ -14,6 +14,7 @@ import { styles as indigoLight } from './light/container/card.indigo.css.js';
 import { styles as materialLight } from './light/container/card.material.css.js';
 import { styles as sharedLight } from './light/container/card.shared.css.js';
 // Shared Styles
+import { styles as bootstrap } from './shared/container/card.bootstrap.css.js';
 import { styles as fluent } from './shared/container/card.fluent.css.js';
 import { styles as indigo } from './shared/container/card.indigo.css.js';
 
@@ -22,7 +23,7 @@ const light = {
     ${sharedLight}
   `,
   bootstrap: css`
-    ${bootstrapLight}
+    ${bootstrap} ${bootstrapLight}
   `,
   material: css`
     ${materialLight}

src/components/card/themes/shared/container/card.bootstrap.scss

@@ -0,0 +1,14 @@
+@use 'styles/utilities' as *;
+@use '../../light/themes' as *;
+
+$theme: $bootstrap;
+
+:host {
+    ::slotted(igc-card-actions:last-child) {
+        padding-block-start: rem(24px);
+    }
+
+    ::slotted(igc-card-actions:only-child) {
+        padding-block-start: rem(16px);
+    }
+}

src/components/card/themes/shared/content/card.content.bootstrap.scss

@@ -3,8 +3,7 @@
 :host {
     @include type-style('body-1');
 
-    padding-block: rem(16px) rem(24px);
-    padding-inline: rem(24px);
+    padding: rem(16px);
 }
 
 ::slotted(*) {