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