/*
 * @Descripttion: 全局mixins变量
 * @Author: TM丶
 * @LastEditors: 小明丶
 * @Date: 2019-03-11 21:02:51
 * @LastEditTime: 2019-08-30 10:42:05
 */
 @import "./themes.less";

 /* 字体 大小*/
 @font-10: 10px;
 @font-11: 11px;
 @font-12: 12px;
 @font-13: 13px;
 @font-14: 14px;
 @font-15: 15px;
 @font-16: 16px;
 @font-17: 17px;
 @font-18: 18px;
 @font-20: 20px;
 @font-24: 24px;
 @font-28: 28px;
 
 
 /* z-index*/
 @zIndex-10:10;
 @zIndex-20:20;
 @zIndex-30:30;
 @zIndex-40:40;
 @zIndex-50:50;
 @zIndex-100:100;
 @zIndex-200:200;
 @zIndex-300:300;
 @zIndex-400:400;
 @zIndex-500:500;
 @zIndex-999:999;
 @zIndex-9999:9999;
 
//  新主题色
  @c-main: #896EDB;
  @c-success: #19BE6B;
  @c-lose:#ED4014;
 // flex布局
 .flex(@x:flex-start,@y:center,@wrap:nowrap,@dir:row) {
   display: flex;
   justify-content: @x;
   align-items: @y;
   flex-wrap: @wrap;
   flex-direction: @dir;
 }

//  老项目复制过来的 兼任！
 .flexLayout(@justify:flex-start,@align:center,@direction:row) {
  display: flex;
  justify-content: @justify;
  align-items: @align;
  flex-direction: @direction;
}
 
 
 .lh(@val){
   height: @val;
   line-height: @val;
 }
 
 
 /*多行溢出 手机端使用*/
 .text-clip-double(@num:2) {
   display: -webkit-box;
   overflow: hidden;
   word-break: break-all;
   text-overflow: ellipsis;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: @num;
 }
 
 // 定位到html
//  .p-fixed(@bg:#fff) {
//    position: fixed;
//    top: 0;
//    right: 0;
//    bottom: 0;
//    left: 0;
//    overflow-y: scroll;
//    background-color: @bg;
//  }
 

 



//  老项目的变量
@fontEN: -apple-system-font, "Helvetica Neue";
@fontCN: "PingFang SC", "Microsoft YaHei", "sans-serif", "Helvetica Neue";
@fontDefault: @fontEN, @fontCN;

@font-size-tiny: 10Px;
@font-size-small: 12Px;
@font-size-medium: 14Px;
@font-size-base: 15Px;
@font-size-primary: 16Px;
@font-size-large: 18Px;

@font-line-height-base: 1;
@font-line-height-medium: 1.3;
@font-line-height-large: 1.5;

@font-weight-normal: normal;
@font-weight-bold: bold;
@font-weight-base: 400;
@font-weight-thin: 200;

@border-radius-normal-size: 7.5px;

@color-white: #fff;
@backgroundColor: #f1f1f1;

@color-text-main: #3a3a3a; //场景分期文字主要颜色
@color-text-second: #666; //场景分期文字第二颜色
@color-text-three: #bfa073; //场景分期文字第三颜色
@color-text-three-light: rgba(191, 160, 115, 0.05); //场景分期文字第三颜色-淡色
@color-text-placeholder: #a3a3a3; // 场景分期输入框placeholder暗提示颜色
@color-line: #d9d9d9; // 边框颜色
@color-border-theme: #bfa073; // 边框主题颜色

@color-button-default: #3a3a3a;
@color-button-normal: #bfa073;

@tabbar-text-active-color: #bfa073;

@switch-checked-bg-color: #bfa073;
@switch-checked-border-color: #bfa073;

@calendar-arrow-color: #444;
@calendar-today-font-color: #bfa073;
@calendar-selected-bg-color: #bfa073;