Update button

1 files changed, 22 insertions, 10 deletions

diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index 98ac8ef..8f1b533 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -69,26 +69,30 @@ $static-themes: 'black' 'white' !default;
     @include iro.props-store((
         --dims: (
             --line-height: 1.4,
-            --pad-i:       fn.global-dim(--size --225),
+            --pad-i:       fn.global-dim(--size --150),
+            --pad-i-label: fn.global-dim(--size --75),
             --pad-b:       fn.global-dim(--size --65),
             --border:      fn.global-dim(--border --medium),
             --rounding:    10em,
             --font-size:   fn.global-dim(--font-size --100),
 
             --sm: (
-                --pad-i:      fn.global-dim(--size --150),
-                --pad-b:      fn.global-dim(--size --25),
-                --font-size:  fn.global-dim(--font-size --75),
+                --pad-i:       fn.global-dim(--size --100),
+                --pad-i-label: fn.global-dim(--size --50),
+                --pad-b:       fn.global-dim(--size --25),
+                --font-size:   fn.global-dim(--font-size --75),
             ),
             --lg: (
-                --pad-i:      fn.global-dim(--size --300),
-                --pad-b:      fn.global-dim(--size --100),
-                --font-size:  fn.global-dim(--font-size --150),
+                --pad-i:       fn.global-dim(--size --200),
+                --pad-i-label: fn.global-dim(--size --100),
+                --pad-b:       fn.global-dim(--size --100),
+                --font-size:   fn.global-dim(--font-size --150),
             ),
             --xl: (
-                --pad-i:      fn.global-dim(--size --400),
-                --pad-b:      fn.global-dim(--size --150),
-                --font-size:  fn.global-dim(--font-size --200),
+                --pad-i:       fn.global-dim(--size --250),
+                --pad-i-label: fn.global-dim(--size --150),
+                --pad-b:       fn.global-dim(--size --150),
+                --font-size:   fn.global-dim(--font-size --200),
             ),
             
             --key-focus: (
@@ -248,6 +252,10 @@ $static-themes: 'black' 'white' !default;
                 }
             }
         }
+
+        @include iro.bem-elem('label') {
+            margin-inline: fn.dim(--pad-i-label);
+        }
     
         @include iro.bem-modifier('block') {
             display: block;
@@ -263,6 +271,10 @@ $static-themes: 'black' 'white' !default;
                 padding-block:  fn.dim(--#{$size} --pad-b);
                 padding-inline: fn.dim(--#{$size} --pad-i);
                 font-size:      fn.dim(--#{$size} --font-size);
+
+                @include iro.bem-elem('label') {
+                    margin-inline: fn.dim(--#{$size} --pad-i-label);
+                }
             }
         }