diff options
| author | Volpeon <git@volpeon.ink> | 2024-11-23 15:12:41 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-11-23 15:12:41 +0100 |
| commit | 32d1258a9b85205d3bb0a11699039ea3baf51cca (patch) | |
| tree | dc4fe90534535b54411acdcf27da86bb16077305 | |
| parent | Fix (diff) | |
| download | iro-design-32d1258a9b85205d3bb0a11699039ea3baf51cca.tar.gz iro-design-32d1258a9b85205d3bb0a11699039ea3baf51cca.tar.bz2 iro-design-32d1258a9b85205d3bb0a11699039ea3baf51cca.zip | |
Update
| -rw-r--r-- | src/objects/_tabbar.scss | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss index 218fe7d..b1cdcb9 100644 --- a/src/objects/_tabbar.scss +++ b/src/objects/_tabbar.scss | |||
| @@ -18,11 +18,17 @@ | |||
| 18 | box-shadow: 0 calc(-1 * props.get(vars.$indicator--width)) 0 0 props.get(vars.$railing--bg-color) inset; | 18 | box-shadow: 0 calc(-1 * props.get(vars.$indicator--width)) 0 0 props.get(vars.$railing--bg-color) inset; |
| 19 | 19 | ||
| 20 | @include bem.elem('tabs') { | 20 | @include bem.elem('tabs') { |
| 21 | display: flex; | 21 | display: flex; |
| 22 | gap: props.get(vars.$spacing); | 22 | gap: props.get(vars.$spacing); |
| 23 | block-size: 100%; | 23 | block-size: 100%; |
| 24 | padding-inline: calc(.5 * props.get(vars.$spacing)); | 24 | padding-inline-start: calc(.5 * props.get(vars.$spacing)); |
| 25 | margin-inline: calc(-.5 * props.get(vars.$spacing)); | 25 | margin-inline-start: calc(-.5 * props.get(vars.$spacing)); |
| 26 | |||
| 27 | &::after { | ||
| 28 | display: block; | ||
| 29 | inline-size: props.get(vars.$spacing); | ||
| 30 | content: ''; | ||
| 31 | } | ||
| 26 | } | 32 | } |
| 27 | 33 | ||
| 28 | @include bem.modifier('quiet') { | 34 | @include bem.modifier('quiet') { |