@import "../default-skin.less";
@import "../../global/mixin.less";

.s_pc {
	.e_button:hover,
	button:hover { background:@bg-dark-0-3;}
	.e_button-blue:hover { background:@primary-light-3; color:@bg;}
	.e_button-orange:hover  {background:@warning-light-2; color:@bg;}
	.e_button-green:hover  { background:@success-light-3; color:@bg;}
	.e_button-red:hover  { background:@danger-light-3; color:@bg;}
	.e_button-navy:hover  { background:@secondary-light-3; color:@bg;}



	// 渐变
	.e_button-gd:hover {  background:linear-gradient(to right, @primary-light-2, @success-light-2); border:0 none; color:@bg;}
	.e_button-gd-green:hover {  background:linear-gradient(to right, @success-light-4, @success-light-2); border:0 none; color:@bg;}
	.e_button-gd-red:hover { background:linear-gradient(to right, @danger-light-4, @danger-light-2); border:0 none; color:@bg;}
	.e_button-gd-blue:hover { background:linear-gradient(to right, @primary-light-4, @primary-light-2); border:0 none; color:@bg;}
	.e_button-gd-orange:hover { background:linear-gradient(to right, @warning-light-4, @warning-light-2); border:0 none; color:@bg;}
	.e_button-gd-navy:hover { background:linear-gradient(to right, @secondary-light-4, @secondary-light-2); border:0 none; color:@bg;}
	.e_button-gd-greenBlue:hover { background:linear-gradient(to right, @success-light-2, @primary-light-2); border:0 none; color:@bg;}
	.e_button-gd-blueRed:hover { background:linear-gradient(to right, @primary-light-2, @danger-light-2);border:0 none; color:@bg;}
	.e_button-gd-redBlue:hover { background:linear-gradient(to right, @danger-light-2, @primary-light-2);  border:0 none; color:@bg;}
	.e_button-gd-redOrange:hover { background:linear-gradient(to right, @danger-light-2, @warning-light-2); border:0 none; color:@bg;}
	.e_button-gd-orangeRed:hover { background:linear-gradient(to right, @warning-light-2, @danger-light-2); border:0 none; color:@bg;}



	// 外边线
	.e_button-outline:hover { background:@bg-dark-0-4;}
	.e_button-outline.e_button-white:hover { color:@bg; background:@bg-op-1;}
	.e_button-outline.e_button-red:hover { color:@danger; background:@danger-light-9;}
	.e_button-outline.e_button-green:hover { color:@success; background:@success-light-9;}
	.e_button-outline.e_button-blue:hover { color:@primary; background:@primary-light-9;}
	.e_button-outline.e_button-orange:hover { color:@warning; background:@warning-light-9;}
	.e_button-outline.e_button-navy:hover { color:@secondary; background:@secondary-light-9;}


	// 获取焦点
	.e_button:focus,
	button:focus { .outline();}
}