diff options
| author | Volpeon <git@volpeon.ink> | 2024-11-17 09:39:07 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-11-17 09:39:07 +0100 |
| commit | 48a82a07500fb6b55ce474f77c36c36d5567dfb5 (patch) | |
| tree | 09a4652e684d68c63c972bd3b82c08924c86f3e4 /src | |
| parent | Fix (diff) | |
| download | iro-design-48a82a07500fb6b55ce474f77c36c36d5567dfb5.tar.gz iro-design-48a82a07500fb6b55ce474f77c36c36d5567dfb5.tar.bz2 iro-design-48a82a07500fb6b55ce474f77c36c36d5567dfb5.zip | |
Fix tabs
Diffstat (limited to 'src')
| -rw-r--r-- | src/objects/_tabs.scss | 21 |
1 files changed, 13 insertions, 8 deletions
diff --git a/src/objects/_tabs.scss b/src/objects/_tabs.scss index c1fcb56..447c020 100644 --- a/src/objects/_tabs.scss +++ b/src/objects/_tabs.scss | |||
| @@ -12,14 +12,19 @@ | |||
| 12 | @include materialize-at-root(meta.module-variables('vars')); | 12 | @include materialize-at-root(meta.module-variables('vars')); |
| 13 | 13 | ||
| 14 | @include bem.object('tabs') { | 14 | @include bem.object('tabs') { |
| 15 | display: flex; | 15 | block-size: 100%; |
| 16 | flex: 1 1 auto; | 16 | overflow: hidden; |
| 17 | gap: props.get(vars.$spacing); | 17 | |
| 18 | min-inline-size: 0; | 18 | @include bem.elem('tabs-inner') { |
| 19 | block-size: 100%; | 19 | display: flex; |
| 20 | padding-inline: calc(.5 * props.get(vars.$spacing)); | 20 | flex: 1 1 auto; |
| 21 | margin-inline: calc(-.5 * props.get(vars.$spacing)); | 21 | gap: props.get(vars.$spacing); |
| 22 | overflow-inline: auto; | 22 | min-inline-size: 0; |
| 23 | block-size: 100%; | ||
| 24 | padding-inline: calc(.5 * props.get(vars.$spacing)); | ||
| 25 | margin-inline: calc(-.5 * props.get(vars.$spacing)); | ||
| 26 | overflow-inline: auto; | ||
| 27 | } | ||
| 23 | 28 | ||
| 24 | @include bem.elem('tab') { | 29 | @include bem.elem('tab') { |
| 25 | position: relative; | 30 | position: relative; |