diff options
author | Volpeon <git@volpeon.ink> | 2024-11-15 21:46:18 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-11-15 21:46:18 +0100 |
commit | b3373a74ac9505602545545e25a6c42f8d8a8d47 (patch) | |
tree | f0bd9605eb06646af2334e45a1e872c501c8bb2a | |
parent | Tabs (diff) | |
download | iro-design-b3373a74ac9505602545545e25a6c42f8d8a8d47.tar.gz iro-design-b3373a74ac9505602545545e25a6c42f8d8a8d47.tar.bz2 iro-design-b3373a74ac9505602545545e25a6c42f8d8a8d47.zip |
Add collapse style
-rw-r--r-- | src/objects/_tabs.scss | 18 |
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 | } |