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

.s_pad {
	// 基础
	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:rgba(255,255,255,20%); border:1px rgba(255,255,255,20%) solid; color:@bg;}
	.e_button-outline.e_button-white:active { background:@bg; border:1px @bg solid; color:#333;}
	.e_button-outline.e_button-red.active { background:@danger; color:@bg; border-color:@danger;}
	.e_button-outline.e_button-green.active { background:@success; color:@bg; border-color:@success;}
	.e_button-outline.e_button-blue.active { background:@primary; color:@bg; border-color:@primary;}
	.e_button-outline.e_button-orange.active { background:@warning; color:@bg; border-color:@warning;}
	.e_button-outline.e_button-navy.active { background:@secondary; color:@bg; border-color:@secondary;}



	// 渐变
	.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;}
}