alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(style): component using basic css variables

Browse Source
This commit is contained in:
chenjiahan
2021-06-12 15:52:22 +08:00
committed by neverland
parent aef2579a95
commit 710aebaee4
117 changed files with 707 additions and 705 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/field/index.less
+7 -7
View File
@@ -99,14 +99,14 @@
&--custom {
display: flex;
align-items: center;
min-height: @cell-line-height;
min-height: var(--van-cell-line-height);
}
// for ios wechat
&[type='date'],
&[type='time'],
&[type='datetime-local'] {
min-height: @cell-line-height;
min-height: var(--van-cell-line-height);
}
// for safari
@@ -124,8 +124,8 @@
&__clear,
&__right-icon {
margin-right: -@padding-xs;
padding: 0 @padding-xs;
margin-right: -var(--van-padding-xs);
padding: 0 var(--van-padding-xs);
line-height: inherit;
}
@@ -143,7 +143,7 @@
}
&__left-icon {
margin-right: @padding-base;
margin-right: var(--van-padding-base);
}
&__right-icon {
@@ -151,7 +151,7 @@
}
&__button {
padding-left: @padding-xs;
padding-left: var(--van-padding-xs);
}
&__error-message {
@@ -169,7 +169,7 @@
}
&__word-limit {
margin-top: @padding-base;
margin-top: var(--van-padding-base);
color: var(--van-field-word-limit-color);
font-size: var(--van-field-word-limit-font-size);
line-height: var(--van-field-word-limit-line-height);
src/field/var.less
+12 -12
View File
@@ -1,20 +1,20 @@
@import '../style/var.less';
@field-label-width: 6.2em;
@field-label-color: @gray-7;
@field-label-margin-right: @padding-sm;
@field-input-text-color: @text-color;
@field-input-error-text-color: @red;
@field-input-disabled-text-color: @gray-5;
@field-placeholder-text-color: @gray-5;
@field-label-color: var(--van-gray-7);
@field-label-margin-right: var(--van-padding-sm);
@field-input-text-color: var(--van-text-color);
@field-input-error-text-color: var(--van-red);
@field-input-disabled-text-color: var(--van-gray-5);
@field-placeholder-text-color: var(--van-gray-5);
@field-icon-size: 16px;
@field-clear-icon-size: 16px;
@field-clear-icon-color: @gray-5;
@field-right-icon-color: @gray-6;
@field-error-message-color: @red;
@field-clear-icon-color: var(--van-gray-5);
@field-right-icon-color: var(--van-gray-6);
@field-error-message-color: var(--van-red);
@field-error-message-text-color: 12px;
@field-text-area-min-height: 60px;
@field-word-limit-color: @gray-7;
@field-word-limit-font-size: @font-size-sm;
@field-word-limit-color: var(--van-gray-7);
@field-word-limit-font-size: var(--van-font-size-sm);
@field-word-limit-line-height: 16px;
@field-disabled-text-color: @gray-5;
@field-disabled-text-color: var(--van-gray-5);