component css

This commit is contained in:
cookfront
2017-02-22 18:49:50 +08:00
parent 4589081506
commit c4b59b4a7b
4 changed files with 19 additions and 19 deletions
+9 -9
View File
@@ -2,46 +2,46 @@
@import "./mixins/border_retina.pcss";
@component-namespace z {
@component field {
@b field {
width: 100%;
overflow: hidden;
@when textarea {
.z-field-control {
.z-field__control {
min-height: 60px;
}
}
@when nolabel {
.z-cell-title {
.z-cell__title {
display: none;
}
.z-cell-value {
.z-cell__value {
width: 100%;
padding-left: 0;
}
}
.z-cell-title,
.z-cell-value {
.z-cell__title,
.z-cell__value {
float: none;
box-sizing: border-box;
}
.z-cell-title {
.z-cell__title {
width: 90px;
position: absolute;
top: 10px;
left: 0;
}
.z-cell-value {
.z-cell__value {
width: 100%;
padding-left: 90px;
}
.z-field-control {
@e control {
border: 0;
font-size: 14px;
line-height: 22px;