feat(badge): m3 styles

framework7io · Sep 30, 2022 · 5ca6a50 · 5ca6a50
1 parent d854233
commit 5ca6a50
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/core/components/badge/badge-vars.less b/src/core/components/badge/badge-vars.less
@@ -1,17 +1,18 @@
 :root {
   --f7-badge-text-color: #fff;
   --f7-badge-bg-color: #8e8e93;
-  --f7-badge-padding: 0 4px;
   --f7-badge-in-icon-size: 16px;
   --f7-badge-in-icon-font-size: 10px;
   --f7-badge-font-weight: normal;
   --f7-badge-font-size: 12px;
 }
 .ios-vars({
+  --f7-badge-padding: 0 4px;
   --f7-badge-size: 20px;
   --f7-badge-font-weight: 600;
 });
 .md-vars({
-  --f7-badge-size: 18px;
+  --f7-badge-padding: 2px 6px;
+  --f7-badge-size: 20px;
   --f7-badge-font-weight: 500;
 });
diff --git a/src/core/components/badge/badge.less b/src/core/components/badge/badge.less
@@ -30,6 +30,7 @@
     font-family: var(--f7-font-family);
     --f7-badge-font-size: var(--f7-badge-in-icon-font-size);
     --f7-badge-size: var(--f7-badge-in-icon-size);
+    --f7-badge-padding: 0px 2px;
   }
 }
 .badge[class*='color-'] {