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

// 输入框
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="week"],
input[type="number"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="text"],
input[type="password"] {
	border:1px solid @fg-light-8-5; font-size:100%; background:@bg-dark-0-1; height:1+2*@gap; line-height:1+@gap; width:16em; padding:0.5*@gap @gap; .x_bs; position:relative; color:@fg; -webkit-appearance:none; border-radius:0; min-width:0; vertical-align:middle;
	&:focus { z-index:2; box-shadow:inset 1px 1px 0 @warning, inset -1px -1px 0 @warning;}
	&::-ms-clear { display:none;}
}
input[readonly] { box-shadow:none !important; background:@bg-dark-0-5; color:@fg-light-6;}
input::-webkit-input-placeholder { color:@fg-light-8-5;}
input:-ms-input-placeholder { color:@fg-light-8-5;}
// chrome 下自动填充为黄色背景
input:-webkit-autofill { -webkit-text-fill-color:@fg !important; transition:background-color 5000s ease-in-out 0s;}



// 圆角
input.e_input-r { border-radius:0.25em;}
input.e_input-left { border-top-left-radius:0.25em; border-bottom-left-radius:0.25em;}
input.e_input-right { border-top-right-radius:0.25em; border-bottom-right-radius:0.25em;}
input.e_input-pill { border-radius:0.5+@gap;}



//大小
.e_input-l { font-size:116.67%;}
.e_input-m { font-size:100%;}
.e_input-s { font-size:85.71%;}



input[type="date"].e_input-s,
input[type="datetime"].e_input-s,
input[type="datetime-local"].e_input-s,
input[type="email"].e_input-s,
input[type="month"].e_input-s,
input[type="week"].e_input-s,
input[type="number"].e_input-s,
input[type="tel"].e_input-s,
input[type="time"].e_input-s,
input[type="url"].e_input-s,
input[type="text"].e_input-s,
input[type="passowrd"].e_input-s { .e_input-s;}

input[type="date"].e_input-l,
input[type="datetime"].e_input-l,
input[type="datetime-local"].e_input-l,
input[type="email"].e_input-l,
input[type="month"].e_input-l,
input[type="week"].e_input-l,
input[type="number"].e_input-l,
input[type="tel"].e_input-l,
input[type="time"].e_input-l,
input[type="url"].e_input-l,
input[type="text"].e_input-l,
input[type="passowrd"].e_input-l { .e_input-l;} //重复定义是为了 .e_input-s 可以作为 less 函数被引用。