
// 定义mixin方法的文件。
@charset "utf-8";
@import "./variables.scss";/*引入配置*/
@mixin font_size($size){/*通过该函数设置字体大小，后期方便统一管理；*/
  @include font-dpr($size);
}
@mixin font_color($color){/*通过该函数设置字体颜色，后期方便统一管理；*/
   color:$color;
  [data-theme="theme1"] & {
    color:$font-color-theme1;
  }
  [data-theme="theme2"] & {
    color:$font-color-theme2;
  }
}
/*通过该函数设置统计字体颜色，后期方便统一管理；*/
@mixin total_font_color($color){
   color:$color;
  [data-theme="theme1"] & {
    color:$total-font-color-theme1;
  }
  [data-theme="theme2"] & {
    color:$total-font-color-theme2;
  }

}
/*通过该函数设置统计边框颜色，后期方便统一管理；*/
@mixin border_color($color){
   border:1px solid $color;
  [data-theme="theme1"] & {
    border:1px solid $border-color-theme1;
  }
  [data-theme="theme2"] & {
    border:1px solid $border-color-theme2;
  }
}

/*通过该函数设置统内填充颜色，后期方便统一管理；*/
@mixin border_inset_color($color){
   box-shadow: inset 0 0 2vw $color;
  [data-theme="theme1"] & {
    box-shadow: inset 0 0 2vw $font-color-theme;
  }
  [data-theme="theme2"] & {
    box-shadow: inset 0 0 2vw $border-inset-color-theme2;
  }
}

/*通过该函数设置统外填充颜色，后期方便统一管理；*/
@mixin border_outer_color($color){
   box-shadow: inset 0 0 2.5vw $color;
  [data-theme="theme1"] & {
    box-shadow: 0 0 2.5vw $border-outer-color-theme1;
  }
  [data-theme="theme2"] & {
    box-shadow:inset 0 0 2.5vw $border-outer-color-theme2;
  }
}

@mixin bg_color($color){/*通过该函数设置主题颜色，后期方便统一管理；*/
  background-color:$color;
  [data-theme="theme1"] & {
    background-color:$background-color-theme1;
  }
  [data-theme="theme2"] & {
    background-color:$background-color-theme2;
  }
}
 
@mixin bg_img($img){/*通过该函数设置主题颜色，后期方便统一管理；*/
    background-image:$background-image;
    [data-theme="theme1"] & {
        background-image:$background-image-theme1;
    }
    [data-theme="theme2"] & {
        background-image:$background-image-theme2;
    }
}
@mixin jrtz_fill_color($color){/*通过该函数设置今日体征模块填充颜色，后期方便统一管理；*/
	 background-image:$jrtz-fill-color-theme;
    [data-theme="theme1"] & {
		background-image:$jrtz-fill-color-theme1;
    }
    [data-theme="theme2"] & {
		background-image:$jrtz-fill-color-theme2;
    }
}
@mixin bottm_tab_top_color($color){/*通过该函数设置今底部tabs的上边框颜色，后期方便统一管理；*/
	border-top: 0.13333vw solid $bottom-border-top-clore-theme;
    [data-theme="theme1"] & {
		border-top: 0.13333vw solid $bottom-border-top-clore-theme1;
    }
    [data-theme="theme2"] & {
		border-top: 0.13333vw solid $bottom-border-top-clore-theme2;
    }
}

@mixin item_bottom_color($color){/*通过该函数设置今日体征模块填充颜色，后期方便统一管理；*/
	border-top: 0.13333vw solid $bottom-border-top-clore-theme;
    [data-theme="theme1"] & {
		border-top: 0.13333vw solid $bottom-border-top-clore-theme1;
    }
    [data-theme="theme2"] & {
		border-top: 0.13333vw solid $bottom-border-top-clore-theme2;
    }
}

@mixin top-color-title($color){/*通过该函数设置顶部标题栏填充颜色，后期方便统一管理；*/
	background-color: $top-color-title-theme;
    [data-theme="theme1"] & {
		background-color: $top-color-title-theme1;
    }
    [data-theme="theme2"] & {
		background-color: $top-color-title-theme2;
    }
}
@mixin user_function_item_color($color){/*通过该函数设置用户个人中心功能模板背景色，后期方便统一管理；*/
	background-color: $user-function-item-theme;
    [data-theme="theme1"] & {
		box-shadow: 0 0 2.5vw $border-outer-color-theme1;
		 background-color:$background-color-theme1;
    }
    [data-theme="theme2"] & {
		background-color: $user-function-item-theme2;
    }
}

@mixin table_item_color($color){/*通过该函数设置表格背景色，后期方便统一管理；*/
	background-color: $color;
    [data-theme="theme1"] & {
      background-color: $table-item-theme1;
    }
    [data-theme="theme2"] & {
      background-color: $table-item-theme2;
    }
}




/*px转rem*/
@mixin px2rem($property,$px,$px2:false,$px3:false,$px4:false){
	$rem:75px;/* 设计稿尺寸/10 */
  @if $px and $px2 and $px3 and $px4 {
    #{$property}: ($px / $rem) + rem ($px2 / $rem) + rem ($px3 / $rem) + rem ($px4 / $rem) + rem;
  }
  @else if $px and $px2 {
		#{$property}: ($px / $rem) + rem ($px2 / $rem) + rem;
		//[data-model='pad'] & {#{$property}: ($px * 1.4 / $rem) + rem ($px2 * 1.4 / $rem) + rem;}
	}
	@else{
		#{$property}: ($px / $rem) + rem!important;
		//[data-model='pad'] & {#{$property}: ($px * 1.4 / $rem) + rem;}
	}
}
 
/*根据dpr计算font-size*/
@mixin font-dpr($font-size){
	font-size: $font-size;
	//[data-model="pad"] & { font-size: $font-size * 1.4; }
	[data-dpr="2"] & { font-size: $font-size * 2;}
	[data-dpr="3"] & { font-size: $font-size * 3;}
}
 
 
/*超行溢出显示省略号*/
@mixin overflow($num:1,$fontSize:0,$lineHeight:1.5){
  display: -webkit-box;-webkit-line-clamp:$num; overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  @if $fontSize!=0 and $lineHeight{/*高度需要撑开*/
    line-height:$lineHeight;
    @if $lineHeight < 1.2 {
      line-height:1.2; /*最小需要1.2，否则在部分安卓机下第$num+1行会顶部漏出*/
    }
    height: $num * $fontSize * $lineHeight;
    [data-dpr="2"] & { height: $num * $fontSize * $lineHeight * 2!important;}
    [data-dpr="3"] & { height: $num * $fontSize * $lineHeight * 3!important;}
  }
}
