.newspagecomponent {

  .vld-overlay{
    min-height: 50px;
  }

  .newslist {
    .news-container{
      border-top: 1px solid $grey-border;
      .news-item {
        
        padding-top: $sm-space;
        padding-bottom: $sm-space;
  
        img {
          margin-right: $xs-space;
          @include media-breakpoint-down(sm) {
            margin-bottom: $xs-space;
          }
        }
      }
    }
  }
}

// .article {
//   width: 100%;

//   .article--constrained {
//     margin: 0 auto;
//     width: 100%;
//     @include media-breakpoint-only(sm) {
//       max-width: 600px;
//     }
//     @include media-breakpoint-only(md) {
//       max-width: 600px;
//     }
//     @include media-breakpoint-only(lg) {
//       max-width: 640px;
//     }
//     @include media-breakpoint-only(xl) {
//       max-width: 760px;
//     }
//   }
// }

// .article--bordered {
//   border-top: 1px solid $grey-border;
//   &:last-child {
//     border-bottom: none;
//   }
// }
.button-small {
  cursor: pointer;
  p {
    margin-bottom: 0px;
  }
  .material-icons {
    margin-bottom: 0px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
}
[v-cloak] {
  display: none;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
// .news--page {
//   [v-cloak] {
//     display: none;
//   }
//   .loading--indicator {
//     .material-icons {
//       margin-bottom: 0px;
//       animation-name: spin;
//       animation-duration: 1000ms;
//       animation-iteration-count: infinite;
//       animation-timing-function: linear;
//     }
//   }
// }