.skeleton-ui {
    pointer-events: none;
}

.skeleton-ui div {
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0.05) 25%,
        rgba(255,255,255,0.12) 37%,
        rgba(255,255,255,0.05) 63%
    );
    background-size: 400% 100%;
    animation: skeleton-loading 1.2s ease infinite;
    border-radius: 4px;
}

.skeleton-ui .site-name{
    height:18px;
    width:70%;
    margin-bottom:10px;
}

.skeleton-ui .site-desc{
    height:14px;
    width:100%;
    margin-bottom:8px;
}

.skeleton-ui .click-count{
    height:12px;
    width:40%;
}

@keyframes skeleton-loading{
    0%{background-position:200% 0}
    100%{background-position:-200% 0}
}


/* slider card skeleton */
.skeleton-ui.card .ribbon::before{
    content: ' ';
    /* height:18px; */
    /* width:60px; */
    /* margin-bottom:10px; */
}

.skeleton-ui.card .title{
    height: 30px;
    width: 60%;
}

.skeleton-ui.card .desc{
    height: 20px;
    width:100%;
}

/* category header skeleton */

.skeleton-ui .category-title{
    width:100%;
    max-width: 100%;
}

.skeleton-ui .cat-arrow{
    height:18px;
    width:18px;
}