diff options
| author | Volpeon <git@volpeon.ink> | 2024-11-16 11:39:45 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-11-16 11:39:45 +0100 |
| commit | 3fb630cd9ba63f8e4cdb9a9426fd5936657dc819 (patch) | |
| tree | 6513fac52845627a73764eb2d35ea86e5a4f9252 /src/objects/_action-button.scss | |
| parent | Fix (diff) | |
| download | iro-design-3fb630cd9ba63f8e4cdb9a9426fd5936657dc819.tar.gz iro-design-3fb630cd9ba63f8e4cdb9a9426fd5936657dc819.tar.bz2 iro-design-3fb630cd9ba63f8e4cdb9a9426fd5936657dc819.zip | |
Fix
Diffstat (limited to 'src/objects/_action-button.scss')
| -rw-r--r-- | src/objects/_action-button.scss | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss index df28182..9e6dc14 100644 --- a/src/objects/_action-button.scss +++ b/src/objects/_action-button.scss | |||
| @@ -185,26 +185,26 @@ | |||
| 185 | } | 185 | } |
| 186 | 186 | ||
| 187 | @include bem.modifier('align-block') { | 187 | @include bem.modifier('align-block') { |
| 188 | margin-inline: calc(-1 * props.get(vars.$pad-i)); | 188 | margin-inline: calc(-1 * props.get(vars.$pad-i) - props.get(vars.$border-width)); |
| 189 | 189 | ||
| 190 | @include bem.modifier('pill') { | 190 | @include bem.modifier('pill') { |
| 191 | margin-inline: calc(-1 * props.get(vars.$pad-i-pill)); | 191 | margin-inline: calc(-1 * props.get(vars.$pad-i-pill) - props.get(vars.$border-width)); |
| 192 | } | 192 | } |
| 193 | 193 | ||
| 194 | @include bem.modifier('icon') { | 194 | @include bem.modifier('icon') { |
| 195 | margin-inline: calc(-1 * props.get(vars.$pad-b) - .5em * props.get(vars.$line-height)); | 195 | margin-inline: calc(-1 * props.get(vars.$pad-b) - props.get(vars.$border-width) - .5em * props.get(vars.$line-height)); |
| 196 | } | 196 | } |
| 197 | 197 | ||
| 198 | @each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes { | 198 | @each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes { |
| 199 | @include bem.modifier($mod) { | 199 | @include bem.modifier($mod) { |
| 200 | margin-inline: calc(-1 * props.get($pad-i)); | 200 | margin-inline: calc(-1 * props.get($pad-i) - props.get(vars.$border-width)); |
| 201 | 201 | ||
| 202 | @include bem.modifier('pill') { | 202 | @include bem.modifier('pill') { |
| 203 | margin-inline: calc(-1 * props.get($pad-i-pill)); | 203 | margin-inline: calc(-1 * props.get($pad-i-pill) - props.get(vars.$border-width)); |
| 204 | } | 204 | } |
| 205 | 205 | ||
| 206 | @include bem.modifier('icon') { | 206 | @include bem.modifier('icon') { |
| 207 | margin-inline: calc(-1 * props.get($pad-b) - .5em * props.get(vars.$line-height)); | 207 | margin-inline: calc(-1 * props.get($pad-b) - props.get(vars.$border-width) - .5em * props.get(vars.$line-height)); |
| 208 | } | 208 | } |
| 209 | } | 209 | } |
| 210 | } | 210 | } |