blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] Field: add less vars (#3168)

Browse Source
This commit is contained in:
neverland 2019-04-17 16:42:58 +08:00 committed by GitHub
parent b5f7e55716
commit acbcd931f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 28 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
packages/field/index.less
View File

@ -2,7 +2,7 @@
.van-field {
&__label {
max-width: 90px;
max-width: @field-label-max-width;
&--center {
text-align: center;
@ -25,17 +25,17 @@
width: 100%;
resize: none;
display: block;
color: @text-color;
color: @field-input-text-color;
box-sizing: border-box;
background-color: transparent;
&::placeholder {
color: @gray-dark;
color: @field-placeholder-text-color;
}
&:disabled {
opacity: 1;
color: @gray-dark;
color: @field-input-disabled-text-color;
background-color: transparent;
}
@ -51,7 +51,7 @@
&[type="date"],
&[type="time"],
&[type="datetime-local"] {
min-height: 24px;
min-height: @cell-line-height;
}
}
@ -70,15 +70,15 @@
}
&__clear {
color: @gray;
font-size: 16px;
color: @field-clear-icon-color;
font-size: @field-clear-icon-size;
}
&__left-icon .van-icon,
&__right-icon .van-icon {
display: block;
min-width: 1em;
font-size: 16px;
font-size: @field-icon-size;
line-height: inherit;
}
@ -87,7 +87,7 @@
}
&__right-icon {
color: @gray-dark;
color: @field-right-icon-color;
}
&__button {
@ -95,8 +95,8 @@
}
&__error-message {
color: @red;
font-size: 12px;
color: @field-error-message-color;
font-size: @field-error-message-text-color;
text-align: left;
&--center {
@ -110,7 +110,7 @@
&--disabled {
.van-field__control {
color: @gray-dark;
color: @field-input-disabled-text-color;
}
}
@ -118,14 +118,14 @@
.van-field__control {
&,
&::placeholder {
color: @red;
color: @field-input-error-text-color;
}
}
}
&--min-height {
.van-field__control {
min-height: 60px;
min-height: @field-text-area-min-height;
}
}
}

14
packages/style/var.less
View File

@ -165,6 +165,20 @@
@dialog-has-title-message-padding-top: 12px;
@dialog-confirm-button-text-color: @blue;
// Field
@field-label-max-width: 90px;
@field-input-text-color: @text-color;
@field-input-error-text-color: @red;
@field-input-disabled-text-color: @gray-dark;
@field-placeholder-text-color: @gray-dark;
@field-icon-size: 16px;
@field-clear-icon-size: 16px;
@field-clear-icon-color: @gray;
@field-right-icon-color: @gray-dark;
@field-error-message-color: @red;
@field-error-message-text-color: 12px;
@field-text-area-min-height: 60px;
// Info
@info-size: 16px;
@info-color: @white;