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/toast/index.less
+3 -3
View File
@@ -24,7 +24,7 @@
align-items: center;
justify-content: center;
box-sizing: content-box;
transition: all @animation-duration-fast;
transition: all var(--van-animation-duration-fast);
// hack for avoid max-width when use left & fixed
width: var(--van-toast-default-width);
@@ -79,11 +79,11 @@
}
&__loading {
padding: @padding-base;
padding: var(--van-padding-base);
color: var(--van-toast-loading-icon-color);
}
&__text {
margin-top: @padding-xs;
margin-top: var(--van-padding-xs);
}
}
src/toast/var.less
+8 -8
View File
@@ -1,16 +1,16 @@
@import '../style/var.less';
@toast-max-width: 70%;
@toast-font-size: @font-size-md;
@toast-text-color: @white;
@toast-loading-icon-color: @white;
@toast-line-height: @line-height-md;
@toast-border-radius: @border-radius-lg;
@toast-background-color: fade(@black, 70%);
@toast-font-size: var(--van-font-size-md);
@toast-text-color: var(--van-white);
@toast-loading-icon-color: var(--van-white);
@toast-line-height: var(--van-line-height-md);
@toast-border-radius: var(--van-border-radius-lg);
@toast-background-color: rgba(0, 0, 0, 0.7);
@toast-icon-size: 36px;
@toast-text-min-width: 96px;
@toast-text-padding: @padding-xs @padding-sm;
@toast-default-padding: @padding-md;
@toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);
@toast-default-padding: var(--van-padding-md);
@toast-default-width: 88px;
@toast-default-min-height: 88px;
@toast-position-top-distance: 20%;