@include b(tab-page-exp) { @include set-component-css-var('tab-page-exp', $tab-page-exp); @include set-component-css-var('tab-page-exp-item', $tab-page-exp-item); @include flex(row, center, center); position: relative; padding: getCssVar('tab-page-exp', 'padding'); @include e(left) { display: flex; align-items: center; width: getCssVar('tab-page-exp', 'left-width'); .ivu-tabs { width: 100%; .ivu-tabs-bar{ margin: 0; border: none; } .ivu-tabs-nav .ivu-tabs-tab { display: inline-block; height: getCssVar('tab-page-exp-item', 'height'); padding: getCssVar('tab-page-exp-item', 'padding'); margin: getCssVar('tab-page-exp-item', 'margin'); overflow: hidden; font-size: getCssVar('tab-page-exp-item', 'font-size'); line-height: getCssVar('tab-page-exp-item', 'line-height'); vertical-align: middle; background-color: getCssVar('tab-page-exp-item', 'bg-color'); border-radius: getCssVar('tab-page-exp-item', 'border-radius'); opacity: getCssVar('tab-page-exp-item', 'opacity'); } } } @include e(right) { width: getCssVar('tab-page-exp', 'right-width'); } }