Set fallback value for --padding-top/bottom on item (#2118)

* 🐛 Set padding if custom css prop is not set * 💄 Default to initial value * 🐛 Revert to specific fallback value for clarity
kirbydesign · Mar 22, 2022 · 042e863 · 042e863
1 parent a7c6730
commit 042e863
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/libs/designsystem/src/lib/components/item/item.component.scss b/libs/designsystem/src/lib/components/item/item.component.scss
@@ -7,8 +7,8 @@
   position: relative;
 
   ion-item {
-    --padding-top: var(--item-padding-top);
-    --padding-bottom: var(--item-padding-bottom);
+    --padding-top: var(--item-padding-top, 0px);
+    --padding-bottom: var(--item-padding-bottom, 0px);
     font-size: utils.font-size('s');
     --min-height: #{map.get(utils.$item-heights, 'm')};
     --padding-start: #{utils.size('s')};