@charset "utf-8";
//主题色
$themeColor: #03D8F4;
$themeColorDark: #404040;

// 页面渐变背景
$pageBgGradient: linear-gradient(180deg, #5FCDFF 0%, #F5F5F5 100%);
$pageBgColor: #F5F5F5;

// 主题按钮背景
@mixin themeBtnBg {
	background: $themeColor;
	color: $themeColorDark;
}

// 页面渐变背景
@mixin pageGradientBg {
	background: $pageBgGradient;
	min-height: 100vh;
}

@mixin theme($type,$path:''){
	@if $type == "btn_bg" {
		background: $themeColor;
	} @else if $type == "unselected_img" {
		background-image: url($path + "static/icon/ic_gender_unselected.png");
	} @else if $type == "check_img" {
		background-image: url($path + "static/icon/ic_agreed.png");
	} @else if $type == "radio_img" {
		background-image: url($path + "static/icon/ic_gender_selected.png");
	}
}
// 背景图片地址和大小
@mixin bis($url, $size: cover) {
  background-image: url($url);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: $size;
}

// 头像
@mixin ic($width, $height) {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  width: $width;
  height: $height;
}

// 单行省略号
@mixin toe() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

// 多行省略号
@mixin bov($num:2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $num;
  -webkit-box-orient: vertical;
}