alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 2 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/skeleton/index.less
+5 -5
View File
@@ -12,17 +12,17 @@
.van-skeleton {
display: flex;
padding: 0 @padding-md;
padding: 0 var(--van-padding-md);
&__avatar {
flex-shrink: 0;
width: var(--van-skeleton-avatar-size);
height: var(--van-skeleton-avatar-size);
margin-right: @padding-md;
margin-right: var(--van-padding-md);
background-color: var(--van-skeleton-avatar-background-color);
&--round {
border-radius: @border-radius-max;
border-radius: var(--van-border-radius-max);
}
}
@@ -31,7 +31,7 @@
}
&__avatar + &__content {
padding-top: @padding-xs;
padding-top: var(--van-padding-xs);
}
&__row,
@@ -63,7 +63,7 @@
&--round {
.van-skeleton__row,
.van-skeleton__title {
border-radius: @border-radius-max;
border-radius: var(--van-border-radius-max);
}
}
}
src/skeleton/var.less
+3 -3
View File
@@ -1,9 +1,9 @@
@import '../style/var.less';
@skeleton-row-height: 16px;
@skeleton-row-background-color: @active-color;
@skeleton-row-margin-top: @padding-sm;
@skeleton-row-background-color: var(--van-active-color);
@skeleton-row-margin-top: var(--van-padding-sm);
@skeleton-title-width: 40%;
@skeleton-avatar-size: 32px;
@skeleton-avatar-background-color: @active-color;
@skeleton-avatar-background-color: var(--van-active-color);
@skeleton-animation-duration: 1.2s;