diff options
author | Volpeon <git@volpeon.ink> | 2024-11-24 20:29:56 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-11-24 20:29:56 +0100 |
commit | 1c742f1ce8f5f819f20d06910d99a941f53fef4f (patch) | |
tree | aac9222978e52c5edced04584f05bd6162c66636 | |
parent | Split view (diff) | |
download | iro-design-1c742f1ce8f5f819f20d06910d99a941f53fef4f.tar.gz iro-design-1c742f1ce8f5f819f20d06910d99a941f53fef4f.tar.bz2 iro-design-1c742f1ce8f5f819f20d06910d99a941f53fef4f.zip |
Split view
-rw-r--r-- | src/layouts/_split-view.scss | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/src/layouts/_split-view.scss b/src/layouts/_split-view.scss index fe7bc87..7234687 100644 --- a/src/layouts/_split-view.scss +++ b/src/layouts/_split-view.scss | |||
@@ -15,10 +15,6 @@ | |||
15 | gap: props.get(vars.$col-gap); | 15 | gap: props.get(vars.$col-gap); |
16 | align-items: start; | 16 | align-items: start; |
17 | 17 | ||
18 | @include bem.modifier('gapless') { | ||
19 | gap: props.get(vars.$gapless); | ||
20 | } | ||
21 | |||
22 | @include bem.elem('panel') { | 18 | @include bem.elem('panel') { |
23 | flex: 1 1 auto; | 19 | flex: 1 1 auto; |
24 | inline-size: 100%; | 20 | inline-size: 100%; |
@@ -50,6 +46,16 @@ | |||
50 | } | 46 | } |
51 | } | 47 | } |
52 | 48 | ||
49 | @include bem.modifier('gapless') { | ||
50 | gap: props.get(vars.$gapless); | ||
51 | |||
52 | @include bem.elem('panel') { | ||
53 | @include bem.modifier('side-25') { | ||
54 | min-inline-size: calc(props.get(vars.$panel--side-25--min) + props.get(vars.$col-gap) - props.get(vars.$gapless)); | ||
55 | } | ||
56 | } | ||
57 | } | ||
58 | |||
53 | @include bem.elem('content') { | 59 | @include bem.elem('content') { |
54 | inline-size: 100%; | 60 | inline-size: 100%; |
55 | } | 61 | } |