@import '../base.less';
//Color
@primary-color	                : @v-primary-color;
@info-color	                    : @v-info-color;	
@success-color	                : @v-success-color;
@warning-color	                : @v-warning-color;
@error-color	                : @v-error-color;

//Base
@font-family	                : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif,"Microsoft YaHei","微软雅黑";  
@text-title-color	            : @v-text-title-color;
@text-base-color	            : @v-text-base-color;
@text-secondary-color	        : @v-text-secondary-color;
@font-size-large	            : 14px;  
@font-size-base	                : 12px;  
@border-radius-base	            : @v-border-radius-base;
@border-radius-small	        : @v-border-radius-small; 

//Border-color
@border-base-color	            : @v-border-base-color;
@border-split-color	            : @v-border-split-color;

//Background
@background-base-color	        : @v-background-base-color;
@background-stripe-color        : @v-background-stripe-color;
@background-active-color        : @v-background-active-color;  	// table默认鼠标经过行，选中行背景色
@background-active-color        : @v-background-active-color; 

//Disabled
@disabled-color					: @v-disabled-color;
@disabled-bg					: @v-disabled-bg;

//Shadow
@shadow-color           		: @v-shadow-color;
@shadow-base            		: @v-shadow-base;
@shadow-up              		: @v-shadow-up;
@shadow-down            		: @v-shadow-down;
@shadow-left            		: @v-shadow-left;
@shadow-right           		: @v-shadow-right; 

//Link
@link-color                	    : @v-link-color;
@link-hover-color       		: @v-link-hover-color;
@link-active-color      		: @v-link-active-color;
@link-text-decoration	        : @v-link-text-decoration; 

//Button
@btn-font-weight		 		: 500;
@btn-border-radius-base	 		: @border-radius-base;
@btn-font-size	  		 		: @font-size-base;

@btn-primary-color	         	: #FFFFFF;
@btn-primary-bg	  				: @primary-color;
@btn-primary-border-color	    : @primary-color;

@btn-base-color	 				: @text-base-color;
@btn-base-bg	 				: #FFFFFF;
@btn-base-border-color	 		: @border-base-color;

@btn-disabled-color             : @disabled-color; 
@btn-disabled-bg 				: @disabled-bg;
@btn-disabled-border-color 		: @border-base-color;


//From
@form-label-color				: @text-title-color;

//Input
@input-height-base          	: 32px;
@input-height-large            	: 40px;
@input-height-small         	: 24px;

@input-color 					: @text-base-color;	
@input-bg						: #FFFFFF;
@input-border-color 			: @border-base-color;
@input-icon-color				: @text-base-color;

@input-hover-border-color		: @primary-color;
@input-focus-border-color		: @primary-color;

@input-readonly-color	        : @input-color;
@input--readonly-bg				: @disabled-bg;
@input--readonly-icon-color 	: @input-icon-color;

@input-disabled-color			: @disabled-color;
@input-disabled-bg				: @disabled-bg;
@input-disabled-icon-color		: @text-secondary-color;

//select
@select-item-hover-color		: @text-base-color;		
@select-item-hover-bg			: @background-active-color;
@select-item-single-active-color: #FFFFFF;
@select-item-single-active-bg   : @primary-color;

//checkbox
@checkbox-size          		: 14px;

//radio
@radio-size          			: 14px;

//Dropdown
@dropdown-font-size				: @font-size-base;
@dropdown-panel-bg				: #FFFFFF;
@dropdown-shadow				: @shadow-base;
@dropdown-border-radius			: @border-radius-base;

@dropdown-group-padding-vertical: 8px;
@dropdown-group-split-color	    : @border-split-color;

@dropdown-item-color			  : @text-base-color;
@dropdown-item-line-height		  : 32px;
@dropdown-item-padding-horizontal : 16px;
@dropdown-item-header-margin-right: 16px;

@dropdown-item-hover-color 		: @text-base-color;
@dropdown-item-hover-bg         : @background-active-color;

//Tooltip
@tooltip-padding				: 4px 8px;
@tooltip-text-color	 			: @text-base-color;
@tooltip-bg 		 			: #FFFFFF;
@tooltip-border-color			: @border-base-color;
@tooltip-shadow	 				: @shadow-base;
@tooltip-border-radius	   		: @border-radius-small;

//Cardview
@cardview-title-color 			: @text-title-color;
@cardview-header-bg				: @background-base-color;
@cardview-split-color			: @border-split-color;
@cardview-border-color			: @border-base-color;

//Table
@table-thead-text-align			: center;
@table-thead-bg					: @background-base-color;
@table-border-color				: @border-base-color;
@table-td-hover-bg	 			: @background-active-color;
@table-td-active-bg	 			: @background-active-color;

//Tree
@tree-node-hover-bg 	 		: @background-active-color;
@tree-node-active-bg	 		: @background-active-color;

// Animate
@ease-out                       : @v-ease-out;
@ease-in                        : @v-ease-in;
@ease-in-out                    : @v-ease-in-out;
@ease-out-back                  : @v-ease-out-back; 
@ease-in-back                   : @v-ease-in-back ;
@ease-in-out-back               : @v-ease-in-out-back; 
@ease-out-circ                  : @v-ease-out-circ;
@ease-in-circ                   : @v-ease-in-circ ;
@ease-in-out-circ               : @v-ease-in-out-circ;
@ease-out-quint                 : @v-ease-out-quint;
@ease-in-quint                  : @v-ease-in-quint;
@ease-in-out-quint              : @v-ease-in-out-quint;