feat(badge): m3 styles

nolimits4web · nolimits4web · commit 5ca6a50442ff · 2022-09-30T11:39:20.000+03:00
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-'] {

Original file line number	Diff line number	Diff line change
`@@ -30,6 +30,7 @@`
`30`	`30`	`font-family: var(--f7-font-family);`
`31`	`31`	`--f7-badge-font-size: var(--f7-badge-in-icon-font-size);`
`32`	`32`	`--f7-badge-size: var(--f7-badge-in-icon-size);`
	`33`	`+ --f7-badge-padding: 0px 2px;`
`33`	`34`	`}`
`34`	`35`	`}`
`35`	`36`	`.badge[class*='color-'] {`