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/picker/index.less
+5 -5
View File
@@ -38,7 +38,7 @@
cursor: pointer;
&:active {
opacity: @active-opacity;
opacity: var(--van-active-opacity);
}
}
@@ -52,7 +52,7 @@
&__title {
max-width: 50%;
font-weight: @font-weight-bold;
font-weight: var(--van-font-weight-bold);
font-size: var(--van-picker-title-font-size);
line-height: var(--van-picker-title-line-height);
text-align: center;
@@ -81,8 +81,8 @@
&__frame {
position: absolute;
top: 50%;
right: @padding-md;
left: @padding-md;
right: var(--van-padding-md);
left: var(--van-padding-md);
z-index: 2;
transform: translateY(-50%);
pointer-events: none;
@@ -121,7 +121,7 @@
display: flex;
align-items: center;
justify-content: center;
padding: 0 @padding-base;
padding: 0 var(--van-padding-base);
color: var(--van-picker-option-text-color);
&--disabled {
src/picker/var.less
+10 -10
View File
@@ -1,15 +1,15 @@
@import '../style/var.less';
@picker-background-color: @white;
@picker-background-color: var(--van-white);
@picker-toolbar-height: 44px;
@picker-title-font-size: @font-size-lg;
@picker-title-line-height: @line-height-md;
@picker-action-padding: 0 @padding-md;
@picker-action-font-size: @font-size-md;
@picker-confirm-action-color: @text-link-color;
@picker-cancel-action-color: @gray-6;
@picker-option-font-size: @font-size-lg;
@picker-option-text-color: @black;
@picker-title-font-size: var(--van-font-size-lg);
@picker-title-line-height: var(--van-line-height-md);
@picker-action-padding: 0 var(--van-padding-md);
@picker-action-font-size: var(--van-font-size-md);
@picker-confirm-action-color: var(--van-text-link-color);
@picker-cancel-action-color: var(--van-gray-6);
@picker-option-font-size: var(--van-font-size-lg);
@picker-option-text-color: var(--van-black);
@picker-option-disabled-opacity: 0.3;
@picker-loading-icon-color: @blue;
@picker-loading-icon-color: var(--van-blue);
@picker-loading-mask-color: rgba(255, 255, 255, 0.9);