@include b(exp-view) { @include set-component-css-var('exp-view', $exp-view); display: inline-flex; width: 100%; height: 100%; } @include b(exp-view-left) { width: getCssVar('exp-view', 'left-width'); } @include b(exp-view-right) { width: calc(100% - getCssVar('exp-view', 'left-width')); } @include b(exp-view-exp-bar) { height: 100%; @include b(exp-view-exp-bar-header) { @include flex(row, space-between, center); padding: 16px; border-bottom: 1px solid #dcdfe6; @include b(exp-view-exp-bar-header-right) { @include flex(row, flex-start, center); } } @include b(exp-view-exp-bar-content) { height: calc(100% - 65px); } @include when(no-header) { @include b(exp-view-exp-bar-header) { padding: 0; border: none; } @include b(exp-view-exp-bar-content) { height: 100%; } } }