summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-11-23 16:32:37 +0100
committerVolpeon <git@volpeon.ink>2024-11-23 16:32:37 +0100
commitd64e0be4f0f73ad4d582fed8048070995f120b9f (patch)
tree6f580d8656c88c19b2c1e3ae0faeac9021732aef
parentUpdate (diff)
downloadiro-design-d64e0be4f0f73ad4d582fed8048070995f120b9f.tar.gz
iro-design-d64e0be4f0f73ad4d582fed8048070995f120b9f.tar.bz2
iro-design-d64e0be4f0f73ad4d582fed8048070995f120b9f.zip
Test
-rw-r--r--src/objects/_tabbar.scss16
1 files changed, 14 insertions, 2 deletions
diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss
index 9b6a0ef..11a025f 100644
--- a/src/objects/_tabbar.scss
+++ b/src/objects/_tabbar.scss
@@ -17,7 +17,6 @@
17 17
18 &::after { 18 &::after {
19 display: block; 19 display: block;
20 inline-size: 100%;
21 block-size: props.get(vars.$indicator--width); 20 block-size: props.get(vars.$indicator--width);
22 margin-block-start: calc(-1 * props.get(vars.$indicator--width)); 21 margin-block-start: calc(-1 * props.get(vars.$indicator--width));
23 content: ''; 22 content: '';
@@ -27,8 +26,21 @@
27 @include bem.elem('tabs') { 26 @include bem.elem('tabs') {
28 display: flex; 27 display: flex;
29 block-size: 100%; 28 block-size: 100%;
30 margin-inline: calc(-.5 * props.get(vars.$spacing));
31 overflow-inline: auto; 29 overflow-inline: auto;
30
31 &::before,
32 &::after {
33 display: block;
34 content: '';
35 }
36
37 &::before {
38 margin-inline-start: calc(-.5 * props.get(vars.$spacing));
39 }
40
41 &::after {
42 margin-inline-end: calc(-.5 * props.get(vars.$spacing));
43 }
32 } 44 }
33 45
34 @include bem.modifier('quiet') { 46 @include bem.modifier('quiet') {