summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-11-15 21:46:18 +0100
committerVolpeon <git@volpeon.ink>2024-11-15 21:46:18 +0100
commitb3373a74ac9505602545545e25a6c42f8d8a8d47 (patch)
treef0bd9605eb06646af2334e45a1e872c501c8bb2a /src/objects
parentTabs (diff)
downloadiro-design-b3373a74ac9505602545545e25a6c42f8d8a8d47.tar.gz
iro-design-b3373a74ac9505602545545e25a6c42f8d8a8d47.tar.bz2
iro-design-b3373a74ac9505602545545e25a6c42f8d8a8d47.zip
Add collapse style
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_tabs.scss18
1 files changed, 18 insertions, 0 deletions
diff --git a/src/objects/_tabs.scss b/src/objects/_tabs.scss
index 37bec71..5526f95 100644
--- a/src/objects/_tabs.scss
+++ b/src/objects/_tabs.scss
@@ -19,6 +19,10 @@
19 block-size: 100%; 19 block-size: 100%;
20 padding-inline: props.get(vars.$tab--pad-i); 20 padding-inline: props.get(vars.$tab--pad-i);
21 21
22 @include bem.elem('caret') {
23 display: none;
24 }
25
22 @include bem.elem('tab') { 26 @include bem.elem('tab') {
23 position: relative; 27 position: relative;
24 display: flex; 28 display: flex;
@@ -91,5 +95,19 @@
91 } 95 }
92 } 96 }
93 } 97 }
98
99 @include bem.is('collapsed') {
100 @include bem.elem('tab') {
101 display: none;
102 }
103
104 @include bem.elem('caret') {
105 display: block;
106 }
107
108 @include bem.is('selected') {
109 display: flex;
110 }
111 }
94 } 112 }
95} 113}