diff options
| author | Volpeon <git@volpeon.ink> | 2024-11-15 20:08:11 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-11-15 20:08:11 +0100 |
| commit | 5e17a366a753da05fd5ab7d267626c041925e636 (patch) | |
| tree | edc0f70d4851beace5e00730f667c341da872510 /src/objects | |
| parent | Fix (diff) | |
| download | iro-design-5e17a366a753da05fd5ab7d267626c041925e636.tar.gz iro-design-5e17a366a753da05fd5ab7d267626c041925e636.tar.bz2 iro-design-5e17a366a753da05fd5ab7d267626c041925e636.zip | |
Fix tabs
Diffstat (limited to 'src/objects')
| -rw-r--r-- | src/objects/_tabs.scss | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/src/objects/_tabs.scss b/src/objects/_tabs.scss index 25894d5..30154f9 100644 --- a/src/objects/_tabs.scss +++ b/src/objects/_tabs.scss | |||
| @@ -12,8 +12,9 @@ | |||
| 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 | display: flex; |
| 16 | gap: props.get(vars.$spacing); | 16 | gap: props.get(vars.$spacing); |
| 17 | overflow-inline: auto; | ||
| 17 | 18 | ||
| 18 | @include bem.elem('tab') { | 19 | @include bem.elem('tab') { |
| 19 | position: relative; | 20 | position: relative; |
| @@ -22,6 +23,7 @@ | |||
| 22 | padding-inline: props.get(vars.$tab--pad-i); | 23 | padding-inline: props.get(vars.$tab--pad-i); |
| 23 | margin-inline: calc(-1 * props.get(vars.$tab--pad-i)); | 24 | margin-inline: calc(-1 * props.get(vars.$tab--pad-i)); |
| 24 | color: props.get(vars.$tab--text-color); | 25 | color: props.get(vars.$tab--text-color); |
| 26 | white-space: nowrap; | ||
| 25 | 27 | ||
| 26 | &::before, | 28 | &::before, |
| 27 | &::after { | 29 | &::after { |