feat: min-inline-size for button

nl-design-system · Sep 25, 2021 · a35cb57 · a35cb57
1 parent 1ede710
commit a35cb57
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/components/button/bem.scss b/components/button/bem.scss
@@ -16,11 +16,13 @@
   font-weight: var(--utrecht-button-font-weight);
   inline-size: var(--utrecht-button-inline-size, auto);
   letter-spacing: var(--utrecht-button-letter-spacing);
+  min-inline-size: var(--utrecht-button-min-inline-size, 0);
   padding-block-end: var(--utrecht-button-padding-block-end);
   padding-block-start: var(--utrecht-button-padding-block-start);
   padding-inline-end: var(--utrecht-button-padding-inline-end);
   padding-inline-start: var(--utrecht-button-padding-inline-start);
   text-transform: var(--utrecht-button-text-transform);
+  user-select: none;
 }
 
 .utrecht-button--distanced {

diff --git a/components/button/block.tokens.json b/components/button/block.tokens.json
@@ -79,6 +79,12 @@
           "inherits": true
         }
       },
+      "min-inline-size": {
+        "css": {
+          "syntax": "<length>",
+          "inherits": true
+        }
+      },
       "padding-block-start": {
         "css": {
           "syntax": "<length>",