From f44c41684d116a8a9f13207c31054b611387475b Mon Sep 17 00:00:00 2001 From: Arman Date: Mon, 21 Oct 2024 14:49:31 +0200 Subject: [PATCH] feat: extra small card padding --- v2/pink-sb/src/lib/card/Base.svelte | 3 ++- v2/pink-sb/src/lib/card/_card.scss | 3 +++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/v2/pink-sb/src/lib/card/Base.svelte b/v2/pink-sb/src/lib/card/Base.svelte index 94b01362e8..93c1059dfc 100644 --- a/v2/pink-sb/src/lib/card/Base.svelte +++ b/v2/pink-sb/src/lib/card/Base.svelte @@ -2,7 +2,7 @@ export type BaseCardProps = Partial<{ variant: 'primary' | 'secondary'; radius: 'small' | 'medium' | 'large'; - padding: 'none' | 'small' | 'medium' | 'large'; + padding: 'none' | 'x-small' | 'small' | 'medium' | 'large'; }>; @@ -23,6 +23,7 @@ class:radius-medium={radius === 'medium'} class:radius-large={radius === 'large'} class:padding-none={padding === 'none'} + class:padding-x-small={padding === 'x-small'} class:padding-small={padding === 'small'} class:padding-medium={padding === 'medium'} class:padding-large={padding === 'large'} diff --git a/v2/pink-sb/src/lib/card/_card.scss b/v2/pink-sb/src/lib/card/_card.scss index 2cb5d95f45..c4d8d931a7 100644 --- a/v2/pink-sb/src/lib/card/_card.scss +++ b/v2/pink-sb/src/lib/card/_card.scss @@ -33,6 +33,9 @@ &-none { padding: 0; } + &x-small { + padding: var(--space-4); + } &small { padding: var(--space-7); }