diff options
Diffstat (limited to 'src/objects')
| -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; |