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; |
