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/dialog/index.less
+5 -5
View File
@@ -65,7 +65,7 @@
font-size: var(--van-dialog-message-font-size);
line-height: var(--van-dialog-message-line-height);
// allow newline charactor
// allow newline character
white-space: pre-wrap;
text-align: center;
word-wrap: break-word;
@@ -110,12 +110,12 @@
.van-dialog__footer {
position: relative;
height: auto;
padding: @padding-xs @padding-lg @padding-md;
padding: var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md);
}
.van-dialog__message {
padding-bottom: @padding-md;
color: @text-color;
padding-bottom: var(--van-padding-md);
color: var(--van-text-color);
}
.van-dialog__confirm,
@@ -124,7 +124,7 @@
}
.van-dialog__confirm {
color: @white;
color: var(--van-white);
}
}
src/dialog/var.less
+11 -11
View File
@@ -2,20 +2,20 @@
@dialog-width: 320px;
@dialog-small-screen-width: 90%;
@dialog-font-size: @font-size-lg;
@dialog-transition: @animation-duration-base;
@dialog-font-size: var(--van-font-size-lg);
@dialog-transition: var(--van-animation-duration-base);
@dialog-border-radius: 16px;
@dialog-background-color: @white;
@dialog-header-font-weight: @font-weight-bold;
@dialog-background-color: var(--van-white);
@dialog-header-font-weight: var(--van-font-weight-bold);
@dialog-header-line-height: 24px;
@dialog-header-padding-top: 26px;
@dialog-header-isolated-padding: @padding-lg 0;
@dialog-message-padding: @padding-lg;
@dialog-message-font-size: @font-size-md;
@dialog-message-line-height: @line-height-md;
@dialog-header-isolated-padding: var(--van-padding-lg) 0;
@dialog-message-padding: var(--van-padding-lg);
@dialog-message-font-size: var(--van-font-size-md);
@dialog-message-line-height: var(--van-line-height-md);
@dialog-message-max-height: 60vh;
@dialog-has-title-message-text-color: @gray-7;
@dialog-has-title-message-padding-top: @padding-xs;
@dialog-has-title-message-text-color: var(--van-gray-7);
@dialog-has-title-message-padding-top: var(--van-padding-xs);
@dialog-button-height: 48px;
@dialog-round-button-height: 36px;
@dialog-confirm-button-text-color: @red;
@dialog-confirm-button-text-color: var(--van-red);