From da132e65173c8409025f020c974f3841cd1ff362 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 20 Mar 2026 11:28:13 +0100
Subject: o-button: Add justify mod

---
 src/objects/_button.scss | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index df90cc8..6cd3cc0 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -36,7 +36,7 @@
 			props.get(vars.$shadow-blur)
 			props.get(vars.$shadow-grow)
 			props.get($theme, list.join($key, --shadow-color)...);
-            
+
 		&:hover,
 		&:focus-visible {
 			color:            props.get($theme, list.join($key, --hover --label-color)...);
@@ -158,7 +158,7 @@
 				background-color: props.get($theme, list.join($key, --selected --hover --bg-color)...);
 				border-color:     props.get($theme, list.join($key, --selected --hover --border-color)...);
 			}
-    
+
 			&:active {
 				color:            props.get($theme, list.join($key, --selected --active --label-color)...);
 				background-color: props.get($theme, list.join($key, --selected --active --bg-color)...);
@@ -210,6 +210,7 @@
 		}
 
 		@include bem.elem('label') {
+			display: inline-block;
 			margin-inline: props.get(vars.$pad-i-label);
 		}
 
@@ -241,6 +242,11 @@
 			}
 		}
 
+		@include bem.modifier('justify') {
+			text-align: justify;
+			text-align-last: justify;
+		}
+
 		@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);
@@ -282,7 +288,7 @@
 			@each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes {
 				@include bem.modifier($mod) {
 					margin-inline: calc(-1 * props.get($pad-i) - props.get(vars.$border-width));
-    
+
 					@include bem.modifier('pill') {
 						margin-inline: calc(-1 * props.get($pad-i-pill) - props.get(vars.$border-width));
 					}
-- 
cgit v1.3