From 3e2b42ee926aafcdf1d77e63b0f86565f4ec51b2 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 5 Jul 2024 07:21:31 +0200
Subject: Update button

---
 src/objects/_badge.scss  |  3 ++-
 src/objects/_button.scss | 32 ++++++++++++++++++++++----------
 2 files changed, 24 insertions(+), 11 deletions(-)

(limited to 'src')

diff --git a/src/objects/_badge.scss b/src/objects/_badge.scss
index 8a9fb58..4e1662f 100644
--- a/src/objects/_badge.scss
+++ b/src/objects/_badge.scss
@@ -2,6 +2,7 @@
 @use 'iro-sass/src/index' as iro;
 @use '../functions' as fn;
 
+$sizes:         'sm' 'lg' 'xl' !default;
 $themes:        'accent' 'positive' 'negative' 'warning' !default;
 $static-themes: 'black' 'white' !default;
 
@@ -280,7 +281,7 @@ $static-themes: 'black' 'white' !default;
             }
         }
     
-        @each $size in sm lg xl {
+        @each $size in $sizes {
             @include iro.bem-modifier($size) {
                 padding-block:  fn.dim(--#{$size} --pad-b);
                 padding-inline: fn.dim(--#{$size} --pad-i);
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);
+                }
             }
         }
 
-- 
cgit v1.2.3-54-g00ecf