client/src/app/shared/video/abstract-video-list.scss

   1 @import '_mixins';
   2 @import '_miniature';
   3
   4 .videos-header {
   5   display: flex;
   6   height: 80px;
   7   align-items: center;
   8
   9   .title-page.title-page-single {
  10     margin: 0 5px 0 0;
  11   }
  12
  13   my-feed {
  14     display: inline-block;
  15     top: 1px;
  16     min-width: 60px;
  17   }
  18
  19   .moderation-block {
  20     display: flex;
  21     flex-grow: 1;
  22     justify-content: flex-end;
  23     align-items: center;
  24   }
  25 }
  26
  27 .margin-content {
  28   width: $video-miniature-width * 6;
  29   margin: auto !important;
  30
  31   @media screen and (max-width: 1800px) {
  32     width: $video-miniature-width * 5;
  33   }
  34
  35   @media screen and (max-width: 1800px - $video-miniature-width) {
  36     width: $video-miniature-width * 4;
  37   }
  38
  39   @media screen and (max-width: 1800px - (2* $video-miniature-width)) {
  40     width: $video-miniature-width * 3;
  41   }
  42
  43   @media screen and (max-width: 1800px - (3* $video-miniature-width)) {
  44     width: $video-miniature-width * 2;
  45   }
  46
  47   @media screen and (max-width: 500px) {
  48     width: auto;
  49     margin: 0 !important;
  50
  51     .videos {
  52       @include video-miniature-small-screen;
  53     }
  54   }
  55 }
  56