diff options
Diffstat (limited to 'src/layouts/_split-view.scss')
| -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 | } |
