diff --git a/packages/core/src/components/card-body/card-body.scss b/packages/core/src/components/card-body/card-body.scss
index c145fa3..0773eb6 100644
--- a/packages/core/src/components/card-body/card-body.scss
+++ b/packages/core/src/components/card-body/card-body.scss
@@ -18,3 +18,7 @@
flex-grow: 1;
}
}
+
+:host-context(pop-card[compact]) {
+ --padding: 16px;
+}
diff --git a/packages/core/src/components/card-body/tests/basic/index.html b/packages/core/src/components/card-body/tests/basic/index.html
new file mode 100644
index 0000000..1622945
--- /dev/null
+++ b/packages/core/src/components/card-body/tests/basic/index.html
@@ -0,0 +1,52 @@
+
+
+
+
+
+ Input Basic | Poppy-ui
+
+
+
+
+
+
+
+
+ Card - basic
+
+
+ content
+
+
+
+
+ Card - compact
+
+
+ content
+
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/core/src/components/card/card.scss b/packages/core/src/components/card/card.scss
index 5300cb9..14ece11 100644
--- a/packages/core/src/components/card/card.scss
+++ b/packages/core/src/components/card/card.scss
@@ -21,9 +21,3 @@
background-color: var(--background);
color: var(--color);
}
-
-:host([compact]) {
- :where(pop-card-body) {
- --padding: 16px;
- }
-}