From f2213b37a74f158ce926208edd1f6da9f73df6cb Mon Sep 17 00:00:00 2001
From: Artur Lang <209750178+artur-langl@users.noreply.github.com>
Date: Tue, 4 Nov 2025 15:59:32 +0200
Subject: [PATCH] fix(card): fix overall padding not functioning #184

---
 community/components/cards/card/_card-mixins.scss        | 6 ++----
 .../cards/card/stories/card-story-templates.ts           | 9 +++++++++
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/community/components/cards/card/_card-mixins.scss b/community/components/cards/card/_card-mixins.scss
index e17f63670..7207c2306 100644
--- a/community/components/cards/card/_card-mixins.scss
+++ b/community/components/cards/card/_card-mixins.scss
@@ -110,11 +110,9 @@ $accent-border-colors: (
   }
 
   @each $spacing in $card-spacings {
-    &--padding-#{$spacing} {
-      @include card-spacing-value($spacing);
-    }
     @each $direction in $spacing-directions {
-      &--padding-#{$direction}-#{$spacing} {
+      &--padding-#{$direction}-#{$spacing},
+      &--padding-#{$spacing} {
         @include card-spacing-value($spacing, $direction);
       }
     }
diff --git a/community/components/cards/card/stories/card-story-templates.ts b/community/components/cards/card/stories/card-story-templates.ts
index 02b4037dd..257b735b1 100644
--- a/community/components/cards/card/stories/card-story-templates.ts
+++ b/community/components/cards/card/stories/card-story-templates.ts
@@ -318,9 +318,18 @@ export const renderCardPaddingsStory = () => {
       <tedi-card-header [padding]="{top: 'lg'}">
         Top LG
       </tedi-card-header>
+
+      <tedi-card-header [padding]="'xs'">
+        Full XS padding
+      </tedi-card-header>
+
       <tedi-card-content background="secondary">
         Parent has left XS, right NONE, Top NONE.
       </tedi-card-content>
+
+      <tedi-card-content background="secondary" [padding]="'md'">
+        Full MD padding.
+      </tedi-card-content>
     </tedi-card
   >`,
   };