Yao ce5559a57e
[improvement] 部分组件边框实现修改 (#87)
* 使用超细边框

* 部分组件切换为 hairline

* 文档 边框替换
2017-12-23 14:25:41 +08:00

54 lines
752 B
Plaintext

@import '../cell/index';
.zan-field {
padding: 7px 15px;
color: #333;
}
.zan-field--wrapped {
margin: 0 15px;
background-color: #fff;
&::after {
left: 0;
border-width: 1px;
border-radius: 4px;
}
}
.zan-field--wrapped + .zan-field--wrapped {
margin-top: 10px;
}
.zan-field--error {
color: #f40;
}
/* 圆角输入框时,将边框也置红 */
.zan-field--wrapped.zan-field--error::after {
border-color: #f40;
}
.zan-field__title {
color: #333;
min-width: 65px;
padding-right: 10px;
}
.zan-field__input {
flex: 1;
line-height: 1.6;
padding: 4px 0;
min-height: 22px;
height: auto;
font-size: 14px;
}
.zan-field__placeholder {
font-size: 14px;
}
.zan-field__input--right {
text-align: right;
}