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

   1 .videos-info {
   2
   3   padding-bottom: 20px;
   4   margin-bottom: 20px;
   5   border-bottom: 1px solid #f1f1f1;
   6   height: 40px;
   7   line-height: 40px;
   8   width: 765px;
   9   margin-left: 15px;
  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
  21 .videos-miniatures {
  22   min-height: 600px;
  23
  24   my-video-miniature {
  25     transition: all 0.5s ease;
  26
  27     &.ng-enter {
  28       opacity: 0;
  29     }
  30
  31     &.ng-enter-active {
  32       opacity: 1;
  33     }
  34
  35     &.ng-leave {
  36       opacity: 0;
  37     }
  38   }
  39
  40   .no-video {
  41     margin-top: 50px;
  42     text-align: center;
  43   }
  44 }
  45
  46 pagination {
  47   display: block;
  48   text-align: center;
  49 }