.skeleton-loader-background {
    width: 100%;
    height: 15px;
    display: block;
    background: #F8F9FA;
}

.skeleton-loader-gradient {
    width: 100%;
    height: 15px;
    display: block;
    background: linear-gradient( to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80% ), #F8F9FA;
    background-repeat: repeat-y;
    background-size: 50px 200px;
    background-position: 0 0;
}

.skeleton-loader:empty {
    width: 100%;
    height: 15px;
    display: block;
    background: linear-gradient( to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80% ), #F8F9FA;
    background-repeat: repeat-y;
    background-size: 50px 500px;
    background-position: 0 0;
    animation: shine 2s infinite;
}

@keyframes shine {
  to {
    background-position: 100% 0;
  }
}