@plcmp/pl-badge
Advanced tools
+1
-1
| { | ||
| "name": "@plcmp/pl-badge", | ||
| "version": "0.1.1", | ||
| "version": "0.1.2", | ||
| "description": "Simple badge component.", | ||
@@ -5,0 +5,0 @@ "main": "pl-badge.js", |
+4
-5
@@ -20,5 +20,4 @@ import { PlElement, html, css } from "polylib"; | ||
| display: flex; | ||
| font-size: 12px; | ||
| font: var(--text-font); | ||
| justify-content: center; | ||
| line-height: 14px; | ||
| user-select: none; | ||
@@ -32,8 +31,8 @@ } | ||
| span { | ||
| height: 16px; | ||
| height: var(--base-size-xxs); | ||
| background-color: var(--primary-base); | ||
| box-sizing: border-box; | ||
| border-radius:4px; | ||
| border-radius: var(--border-radius); | ||
| color: #ffffff; | ||
| padding: 0 4px; | ||
| padding: 0 var(--space-xs); | ||
| white-space: nowrap; | ||
@@ -40,0 +39,0 @@ display: flex; |
2976
1.02%60
-1.64%