.bsf-spacex-loading-spinner {
.skeleton-loader {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
.card-skeleton {
width: calc(50% - 20px);
height: 200px;
margin: 10px;
background-image: linear-gradient(90deg, #f2f2f2, #e6e6e6, #f2f2f2);
background-size: 400% 400%;
animation: loading 1s ease infinite;
border-radius: 10px;
flex-basis: 23%;
}
}
@keyframes loading {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
}
|