client/src/app/videos/video-list/video-list.component.scss

   1 .videos-info {
   2   @media screen and (max-width: 400px) {
   3     margin-left: 0;
   4   }
   5
   6   border-bottom: 1px solid #f1f1f1;
   7   height: 40px;
   8   line-height: 40px;
   9
  10   .videos-total-results {
  11     font-size: 13px;
  12   }
  13
  14   my-loader {
  15     display: inline-block;
  16     margin-left: 5px;
  17   }
  18 }
  19
  20 .videos-miniatures {
  21   text-align: center;
  22   padding-top: 0;
  23
  24   my-video-miniature {
  25     text-align: left;
  26     transition: all 0.5s ease;
  27
  28     &.ng-enter {
  29       opacity: 0;
  30     }
  31
  32     &.ng-enter-active {
  33       opacity: 1;
  34     }
  35
  36     &.ng-leave {
  37       opacity: 0;
  38     }
  39   }
  40
  41   .no-video {
  42     margin-top: 50px;
  43     text-align: center;
  44   }
  45 }
  46
  47 pagination {
  48   display: block;
  49   text-align: center;
  50 }