o-button: Add justify modHEADmaster

1 files 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));
                                         }