1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| .cl-skeleton {
| &__inner {
| height: 100%;
| width: 100%;
| }
|
| &.is-loading {
| border-radius: $cl-border-radius;
| background: linear-gradient(90deg, #f0f2f5 25%, #e6e8eb 37%, #f0f2f5 63%);
| background-size: 400% 100%;
| animation: cl-skeleton-loading 1.4s ease infinite;
| }
| }
|
| @keyframes cl-skeleton-loading {
| 0% {
| background-position: 100% 50%;
| }
|
| to {
| background-position: 0 50%;
| }
| }
|
|
