From 8a3949125b8182061455da40da4db3fc614460d4 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 13 Nov 2025 08:25:22 +0100
Subject: Add wide button modifier

---
 src/objects/_button.scss | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

(limited to 'src/objects/_button.scss')

diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index 8163cf9..df90cc8 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -235,7 +235,13 @@
 			padding-inline: 0;
 		}
 
-		@each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes {
+		@include bem.modifier('wide') {
+			@include bem.elem('label') {
+				margin-inline: props.get(vars.$pad-i-wide);
+			}
+		}
+
+		@each $mod, $pad-i, $pad-i-label, $pad-i-wide, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes {
 			@include bem.modifier($mod) {
 				padding-block:  props.get($pad-b);
 				padding-inline: props.get($pad-i);
@@ -253,6 +259,12 @@
 					inline-size:    calc(1em * props.get(vars.$line-height) + 2 * props.get($pad-b));
 					padding-inline: 0;
 				}
+
+				@include bem.modifier('wide') {
+					@include bem.elem('label') {
+						margin-inline: props.get($pad-i-wide);
+					}
+				}
 			}
 		}
 
-- 
cgit v1.2.3-70-g09d2