Yao db20736797
[bug fix] Field: 修复圆角输入框,边框显示问题 (#134)
* 修复圆角输入框,是最后一个元素时,不展示边框的问题

* add bower ignore
2018-02-26 16:20:58 +08:00

59 lines
867 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.zan-field--wrapped::after {
display: block;
}
.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;
}