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   min-height: 720px;
  22   text-align: center;
  23   padding-top: 0;
  24
  25   my-video-miniature {
  26     text-align: left;
  27     transition: all 0.5s ease;
  28
  29     &.ng-enter {
  30       opacity: 0;
  31     }
  32
  33     &.ng-enter-active {
  34       opacity: 1;
  35     }
  36
  37     &.ng-leave {
  38       opacity: 0;
  39     }
  40   }
  41
  42   .no-video {
  43     margin-top: 50px;
  44     text-align: center;
  45   }
  46 }
  47
  48 pagination {
  49   display: block;
  50   text-align: center;
  51 }