// @import  "coco-variables.scss";

/* button增加icon会让图标增大 */



.el-button{
	// &.icon{
	// 	position: relative;
	// 	&>i{ position: absolute;font-size: 18px;left: 16px; top:0; line-height:38px;}


	// 	&.el-button--medium{
	// 		padding-left: 35px;
	// 		&>i{ font-size: 17px;left: 16px; line-height:34px;}
	// 	}
	// 	&.el-button--small{
	// 		padding-left: 35px;
	// 		&>i{ font-size: 16px;left: 16px; line-height:30px;}
	// 	}
	// 	&.el-button--mini{
	// 		padding-left: 30px;
	// 		&>i{ font-size: 14px;left: 14px; line-height:26px;}
	// 	}

	// 	&.el-button--text{
	// 		padding-left: 16px;
	// 		&>i{ font-size: 17px;left: 0px}

	// 		&.el-button--medium{
	// 			padding-left: 16px;
	// 			&>i{ font-size: 17px;left: 0px}
	// 		}
	// 		&.el-button--small{
	// 			padding-left: 14px;
	// 			&>i{ font-size: 16px;left: 0px}
	// 		}
	// 		&.el-button--mini{
	// 			padding-left: 12px;
	// 			&>i{ font-size: 14px;left: 0px}
	// 		}
	// 	}
	// }

	&.compact{
		padding: 3px 5px;
		&.el-button--text+.el-button--text{ margin-left: 0;}
	
		&.icon{
			padding-left: 20px;position: relative;
			&>i{ position: absolute;font-size: 18px;left: 3px; top:0; line-height:20px;}

			&.el-button--medium{
				padding-left: 20px;
				&>i{ font-size: 17px;left: 3px; line-height:20px;}
			}
			&.el-button--small{
				padding-left: 18px;
				&>i{ font-size: 16px;left: 3px; line-height:18px;}
			}
			&.el-button--mini{
				padding-left: 16px;
				&>i{ font-size: 14px;left: 3px; line-height:18px;}
			}
		}
	}
}



// element ui default redefine
.el-button{
	&>i{ position: relative; vertical-align: bottom; }
	.el-icon--right{ position: relative; vertical-align: bottom; }
	
	&.el-button--default i{ font-size: 16px; height: 14px; top:-2px;}
	&.el-button--medium i{ font-size: 16px; height: 14px; top:-2px;}
	&.el-button--small i{ font-size: 15px; height: 14px; top:-1px;}
	&.el-button--mini i{ font-size: 15px; height: 12px; top:-2px;}
	
    &.el-button--small{ font-size:14px; padding-top:8px; padding-bottom:8px}
	&+.el-button{ margin-left:3px}
}

.dark{
	.el-button--default{background-color: transparent;border-color:#1890FF ;color:#1890FF}
	.el-button:hover{background-color:rgba(24,144, 255,0.4);}
	.el-button:active,.el-button:focus{background-color:#1890ff;color: #fff;}
}