mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-05 19:41:45 +08:00
1a7889590f
* perf: remove CSS variables polyfill * style: fix missing calc value * perf: reduce some useless css vars
64 lines
1.1 KiB
Plaintext
64 lines
1.1 KiB
Plaintext
@import '../common/style/var.less';
|
|
|
|
.van-skeleton {
|
|
display: flex;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
padding: var(--skeleton-padding, @skeleton-padding);
|
|
|
|
&__avatar {
|
|
flex-shrink: 0;
|
|
margin-right: var(--padding-md, @padding-md);
|
|
background-color: var(
|
|
--skeleton-avatar-background-color,
|
|
@skeleton-avatar-background-color
|
|
);
|
|
|
|
&--round {
|
|
border-radius: 100%;
|
|
}
|
|
}
|
|
|
|
&__content {
|
|
flex: 1;
|
|
}
|
|
|
|
&__avatar + &__content {
|
|
padding-top: var(--padding-xs, @padding-xs);
|
|
}
|
|
|
|
&__row,
|
|
&__title {
|
|
height: var(--skeleton-row-height, @skeleton-row-height);
|
|
background-color: var(
|
|
--skeleton-row-background-color,
|
|
@skeleton-row-background-color
|
|
);
|
|
}
|
|
|
|
&__title {
|
|
margin: 0;
|
|
}
|
|
|
|
&__row {
|
|
&:not(:first-child) {
|
|
margin-top: var(--skeleton-row-margin-top, @skeleton-row-margin-top);
|
|
}
|
|
}
|
|
|
|
&__title + &__row {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
&--animate {
|
|
animation: van-skeleton-blink @skeleton-animation-duration ease-in-out
|
|
infinite;
|
|
}
|
|
}
|
|
|
|
@keyframes van-skeleton-blink {
|
|
50% {
|
|
opacity: 0.6;
|
|
}
|
|
}
|