thaw 0.4.8

An easy to use leptos component library
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

.thaw-skeleton-item {
    background-image: linear-gradient(
        to right,
        var(--colorNeutralStencil1) 0%,
        var(--colorNeutralStencil2) 50%,
        var(--colorNeutralStencil1) 100%
    );
    animation-name: thaw-skeleton-item;
    animation-timing-function: linear;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    background-attachment: fixed;
    background-position-y: 50%;
    background-position-x: 50%;
    background-size: 300% 100%;
    position: relative;
    width: 100%;
    height: 16px;
    border-radius: 4px;
    overflow: hidden;
}

@keyframes thaw-skeleton-item {
    0% {
        background-position-x: 300%;
    }

    100% {
        background-position-x: 0%;
    }
}