$b-design-tabpure-hover-bottom-border-color: $color-fill1-2;
$b-design-tabpure-text-height: $s-7;
$b-design-tabpure-text-line-height: 18px;
$b-design-text-padding-tb:5px;
$b-design-close-btn-size:12px;
$b-design-close-medium-btn-size:$s-5;
$b-design-tab-item-padding-tb-size-large:$s-3;
$b-design-tab-item-text-size-large:14px;
$b-design-tab-item-border-large:2px;
//medium-inner-height
$b-design-tab-item-inner-medium-height:34px;
//large-inner
$b-design-tab-item-inner-large-height:$s-11;
$b-design-tab-item-inner-large-padding-top:10px;
$b-design-tab-item-inner-large-padding-bottom:$s-3;
$b-design-tab-item-inner-large-line-height:$s-6;
$b-design-tab-nav-close-icon-size-l:$s-5;
$b-design-tabpure-text-large-height:$s-12;
$b-design-tabpure-text-large-line-height: $s-6;
$b-design-close-large-btn-size:$s-6;
$b-design-tab-inner-large-corner:$s-2;



//wrapped-icon
$b-design-wrapped-tab-item-inner-icon:'\E623';

//theme=grey
$b-design-tab-wrapped-grey-bg-color:$color-fill1-3;
$b-design-wrapped--hover-bottom-border-color: $color-fill1-1;


@mixin close-btn-hover($size, $backgroundColor) {
  content: '';
  width: $size;
  height: $size;
  border-radius: 100%;
  background-color: $backgroundColor;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left:calc(0px - (#{$size} / 2));
  margin-top:calc(0px - (#{$size} / 2));
  z-index: -1;

}