diff options
Diffstat (limited to 'src/objects/_action-button.scss')
-rw-r--r-- | src/objects/_action-button.scss | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss index ca047bc..dcabb57 100644 --- a/src/objects/_action-button.scss +++ b/src/objects/_action-button.scss | |||
@@ -137,6 +137,10 @@ | |||
137 | } | 137 | } |
138 | } | 138 | } |
139 | 139 | ||
140 | @include bem.elem('label') { | ||
141 | margin-inline: props.get(vars.$pad-i-label); | ||
142 | } | ||
143 | |||
140 | @include -apply-theme(vars.$default-theme); | 144 | @include -apply-theme(vars.$default-theme); |
141 | 145 | ||
142 | @each $theme in map.keys(props.get(vars.$themes)) { | 146 | @each $theme in map.keys(props.get(vars.$themes)) { |
@@ -154,12 +158,16 @@ | |||
154 | } | 158 | } |
155 | } | 159 | } |
156 | 160 | ||
157 | @each $mod, $pad-i, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes { | 161 | @each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes { |
158 | @include bem.modifier($mod) { | 162 | @include bem.modifier($mod) { |
159 | padding-block: props.get($pad-b); | 163 | padding-block: props.get($pad-b); |
160 | padding-inline: props.get($pad-i); | 164 | padding-inline: props.get($pad-i); |
161 | font-size: props.get($font-size); | 165 | font-size: props.get($font-size); |
162 | 166 | ||
167 | @include bem.elem('label') { | ||
168 | margin-inline: props.get($pad-i-label); | ||
169 | } | ||
170 | |||
163 | @include bem.modifier('pill') { | 171 | @include bem.modifier('pill') { |
164 | padding-inline: props.get($pad-i-pill); | 172 | padding-inline: props.get($pad-i-pill); |
165 | } | 173 | } |
@@ -170,7 +178,7 @@ | |||
170 | inline-size: calc(1em * props.get(vars.$line-height) + 2 * props.get(vars.$pad-b)); | 178 | inline-size: calc(1em * props.get(vars.$line-height) + 2 * props.get(vars.$pad-b)); |
171 | padding-inline: 0; | 179 | padding-inline: 0; |
172 | 180 | ||
173 | @each $mod, $pad-i, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes { | 181 | @each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes { |
174 | @include bem.modifier($mod) { | 182 | @include bem.modifier($mod) { |
175 | inline-size: calc(1em * props.get(vars.$line-height) + 2 * props.get($pad-b)); | 183 | inline-size: calc(1em * props.get(vars.$line-height) + 2 * props.get($pad-b)); |
176 | padding-inline: 0; | 184 | padding-inline: 0; |