feat: button border-radius

nl-design-system · Jun 27, 2021 · ab68aa7 · ab68aa7
1 parent 5397114
commit ab68aa7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/components/button/README.md b/components/button/README.md
@@ -38,6 +38,7 @@ Links met een pijl als voorloopteken worden gebruikt aan het einde van een tekst
 ## Design tokens
 
 - Button
+  - `--utrecht-button-border-radius`
   - `--utrecht-button-border-width`
   - `--utrecht-button-focus-transform-scale`
   - `--utrecht-button-font-size`

diff --git a/components/button/style.css b/components/button/style.css
@@ -9,6 +9,7 @@
   font-size: var(--utrecht-button-font-size, var(--utrecht-document-font-family));
   font-family: var(--utrecht-button-font-family, var(--utrecht-document-font-family));
   background-color: var(--utrecht-button-primary-action-background-color);
+  border-radius: var(--utrecht-button-border-radius);
   border-width: var(--utrecht-button-border-width);
   padding-inline-start: var(--utrecht-button-padding-inline-start);
   padding-inline-end: var(--utrecht-button-padding-inline-end);