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); }