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

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .section {
   5   padding-top: 10px;
   6
   7   &:first-child {
   8     padding-top: 30px;
   9   }
  10
  11   my-video-miniature {
  12     text-align: left;
  13   }
  14 }
  15
  16 .section-title {
  17   font-size: 17px;
  18   font-weight: $font-semibold;
  19   margin-bottom: 20px;
  20
  21   a {
  22     @include disable-default-a-behaviour;
  23
  24     color: #000;
  25   }
  26 }
  27
  28 .channel {
  29   .section-title a {
  30     display: flex;
  31     width: fit-content;
  32     align-items: center;
  33
  34     img {
  35       @include avatar(30px);
  36
  37       margin-right: 10px;
  38     }
  39   }
  40 }
  41
  42 @media screen and (max-width: 500px) {
  43   .section {
  44     @include video-miniature-small-screen;
  45   }
  46 }