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

.s_phone {
	// 基础
	button.active,
	.e_button.active { background:@bg-dark-0-4;}



	// 色彩
	.e_button-blue.active { background:@primary-dark-2; color:@bg;}
	.e_button-orange.active { background:@warning-dark-2; color:@bg;}
	.e_button-green.active { background:@success-dark-2; color:@bg;}
	.e_button-red.active { background:@danger-dark-2; color:@bg;}
	.e_button-navy.active { background:@secondary-dark-2; color:@bg;}



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



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