diff options
| author | Volpeon <git@volpeon.ink> | 2024-11-23 13:11:54 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-11-23 13:11:54 +0100 |
| commit | 6057354c935186b53c22cfd9a9c6f2555994873e (patch) | |
| tree | dda8fe09d5834075bcb5ff133177c9a529be86e7 /src | |
| parent | Card (diff) | |
| download | iro-design-6057354c935186b53c22cfd9a9c6f2555994873e.tar.gz iro-design-6057354c935186b53c22cfd9a9c6f2555994873e.tar.bz2 iro-design-6057354c935186b53c22cfd9a9c6f2555994873e.zip | |
Tabs
Diffstat (limited to 'src')
| -rw-r--r-- | src/objects/_tabs.scss | 19 |
1 files changed, 3 insertions, 16 deletions
diff --git a/src/objects/_tabs.scss b/src/objects/_tabs.scss index 61085c2..80fac0b 100644 --- a/src/objects/_tabs.scss +++ b/src/objects/_tabs.scss | |||
| @@ -17,28 +17,15 @@ | |||
| 17 | gap: props.get(vars.$spacing); | 17 | gap: props.get(vars.$spacing); |
| 18 | min-inline-size: 0; | 18 | min-inline-size: 0; |
| 19 | block-size: props.get(vars.$block-size); | 19 | block-size: props.get(vars.$block-size); |
| 20 | padding-inline: calc(.5 * props.get(vars.$spacing)); | ||
| 21 | margin-inline: calc(-.5 * props.get(vars.$spacing)); | ||
| 22 | overflow-inline: auto; | 20 | overflow-inline: auto; |
| 23 | 21 | box-shadow: 0 calc(-1 * props.get(vars.$indicator--width)) 0 0 props.get(vars.$railing--bg-color) inset; | |
| 24 | &::after { | ||
| 25 | position: absolute; | ||
| 26 | inset-block-end: 0; | ||
| 27 | inset-inline: calc(.5 * props.get(vars.$spacing)); | ||
| 28 | z-index: -10; | ||
| 29 | block-size: props.get(vars.$indicator--width); | ||
| 30 | content: ''; | ||
| 31 | background-color: props.get(vars.$railing--bg-color); | ||
| 32 | } | ||
| 33 | 22 | ||
| 34 | @include bem.modifier('quiet') { | 23 | @include bem.modifier('quiet') { |
| 35 | &::after { | 24 | box-shadow: none; |
| 36 | display: none; | ||
| 37 | } | ||
| 38 | } | 25 | } |
| 39 | 26 | ||
| 40 | @include bem.modifier('adapt') { | 27 | @include bem.modifier('adapt') { |
| 41 | block-size: 100%; | 28 | block-size: 100%; |
| 42 | } | 29 | } |
| 43 | 30 | ||
| 44 | @include bem.elem('tab') { | 31 | @include bem.elem('tab') { |