Merge pull request #228 from appwrite/feat-xs-card-padding

feat: extra small card padding
appwrite · Oct 21, 2024 · e1c564f · e1c564f
2 parents e1276ac + f44c416
commit e1c564f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git 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';
     }>;
 </script>
 
@@ -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
@@ -33,6 +33,9 @@
         &-none {
             padding: 0;
         }
+        &x-small {
+            padding: var(--space-4);
+        }
         &small {
             padding: var(--space-7);
         }