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   text-align: center;
  29
  30   my-video-miniature {
  31     text-align: left;
  32     transition: all 0.5s ease;
  33
  34     &.ng-enter {
  35       opacity: 0;
  36     }
  37
  38     &.ng-enter-active {
  39       opacity: 1;
  40     }
  41
  42     &.ng-leave {
  43       opacity: 0;
  44     }
  45   }
  46
  47   .no-video {
  48     margin-top: 50px;
  49     text-align: center;
  50   }
  51 }
  52
  53 pagination {
  54   display: block;
  55   text-align: center;
  56 }