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/number-keyboard/index.less
+4 -4
View File
@@ -76,7 +76,7 @@
cursor: pointer;
&:active {
opacity: @active-opacity;
opacity: var(--van-active-opacity);
}
}
@@ -98,8 +98,8 @@
height: var(--van-number-keyboard-key-height);
font-size: var(--van-number-keyboard-key-font-size);
line-height: 1.5;
background-color: @white;
border-radius: @border-radius-lg;
background-color: var(--van-white);
border-radius: var(--van-border-radius-lg);
cursor: pointer;
&--large {
@@ -127,7 +127,7 @@
background-color: var(--van-number-keyboard-button-background-color);
&.van-key--active {
background-color: var(--van-number-keyboard-button-active-color);
opacity: var(--van-active-opacity);
}
}
src/number-keyboard/var.less
+10 -14
View File
@@ -1,20 +1,16 @@
@import '../style/var.less';
@number-keyboard-background-color: @gray-2;
@number-keyboard-background-color: var(--van-gray-2);
@number-keyboard-key-height: 48px;
@number-keyboard-key-font-size: 28px;
@number-keyboard-key-active-color: @gray-3;
@number-keyboard-delete-font-size: @font-size-lg;
@number-keyboard-title-color: @gray-7;
@number-keyboard-key-active-color: var(--van-gray-3);
@number-keyboard-delete-font-size: var(--van-font-size-lg);
@number-keyboard-title-color: var(--van-gray-7);
@number-keyboard-title-height: 34px;
@number-keyboard-title-font-size: @font-size-lg;
@number-keyboard-close-padding: 0 @padding-md;
@number-keyboard-close-color: @text-link-color;
@number-keyboard-close-font-size: @font-size-md;
@number-keyboard-button-text-color: @white;
@number-keyboard-button-background-color: @blue;
@number-keyboard-button-active-color: darken(
@number-keyboard-button-background-color,
10%
);
@number-keyboard-title-font-size: var(--van-font-size-lg);
@number-keyboard-close-padding: 0 var(--van-padding-md);
@number-keyboard-close-color: var(--van-text-link-color);
@number-keyboard-close-font-size: var(--van-font-size-md);
@number-keyboard-button-text-color: var(--van-white);
@number-keyboard-button-background-color: var(--van-blue);
@number-keyboard-z-index: 100;