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   margin-bottom: 20px;
   7   border-bottom: 1px solid #f1f1f1;
   8   height: 40px;
   9   line-height: 40px;
  10
  11   my-video-sort {
  12     padding-right: 0;
  13   }
  14
  15   .videos-total-results {
  16     font-size: 13px;
  17     padding-left: 0;
  18   }
  19
  20   my-loader {
  21     display: inline-block;
  22     margin-left: 5px;
  23   }
  24 }
  25
  26 .videos-miniatures {
  27   min-height: 720px;
  28
  29   my-video-miniature {
  30     transition: all 0.5s ease;
  31
  32     &.ng-enter {
  33       opacity: 0;
  34     }
  35
  36     &.ng-enter-active {
  37       opacity: 1;
  38     }
  39
  40     &.ng-leave {
  41       opacity: 0;
  42     }
  43   }
  44
  45   .no-video {
  46     margin-top: 50px;
  47     text-align: center;
  48   }
  49 }
  50
  51 pagination {
  52   display: block;
  53   text-align: center;
  54 }