blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] Skeleton: add less vars

Browse Source
This commit is contained in:
陈嘉涵 2019-05-10 19:42:58 +08:00
parent 43dd749075
commit 5cd810d480
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/skeleton/index.less
View File

@ -7,7 +7,7 @@
&__avatar {
flex-shrink: 0;
margin-right: 15px;
background-color: @active-color;
background-color: @skeleton-avatar-background-color;
&--round {
border-radius: 100%;
@ -24,8 +24,8 @@
&__row,
&__title {
height: 16px;
background-color: @active-color;
height: @skeleton-row-height;
background-color: @skeleton-row-background-color;
}
&__title {
@ -34,7 +34,7 @@
&__row {
&:not(:first-child) {
margin-top: 12px;
margin-top: @skeleton-row-margin-top;
}
}
@ -43,7 +43,7 @@
}
&--animate {
animation: van-skeleton-blink 1.2s ease-in-out infinite;
animation: van-skeleton-blink @skeleton-animation-duration ease-in-out infinite;
}
}

7
packages/style/var.less
View File

@ -245,6 +245,13 @@
@sidebar-selected-border-color: @red;
@sidebar-selected-background-color: @white;
// Skeleton
@skeleton-row-height: 16px;
@skeleton-row-background-color: @active-color;
@skeleton-row-margin-top: 12px;
@skeleton-avatar-background-color: @active-color;
@skeleton-animation-duration: 1.2s;
// Slider
@slider-active-background-color: @blue;
@slider-inactive-background-color: @gray-light;