feat: line-height token for badges

nl-design-system · Sep 26, 2021 · f871341 · f871341
1 parent 377e050
commit f871341
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/components/badge/_bem.scss b/components/badge/_bem.scss
@@ -12,6 +12,7 @@
   font-size: var(--utrecht-badge-font-size, inherit);
   font-style: normal; /* no inheritance */
   font-weight: var(--utrecht-badge-font-weight, bold); /* no inheritance */
+  line-height: var(--utrecht-badge-line-height);
   padding-block-end: var(--utrecht-badge-padding-block, 0.5ex);
   padding-block-start: var(--utrecht-badge-padding-block, 0.5ex);
   padding-inline-end: var(--utrecht-badge-padding-inline, 0.5ch);

diff --git a/components/badge/block.tokens.json b/components/badge/block.tokens.json
@@ -34,6 +34,12 @@
           "inherits": true
         }
       },
+      "line-height": {
+        "css": {
+          "syntax": "<length>",
+          "inherits": true
+        }
+      },
       "padding-block": {
         "comment": "Default block padding for badge components",
         "css": {