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     &:hover, &:focus:not(.focus-visible), &:active {
  23       text-decoration: none;
  24       outline: none;
  25     }
  26
  27     color: var(--mainForegroundColor);
  28   }
  29 }
  30
  31 .channel {
  32   .section-title a {
  33     display: flex;
  34     width: fit-content;
  35     align-items: center;
  36
  37     img {
  38       @include avatar(30px);
  39
  40       margin-right: 10px;
  41     }
  42   }
  43 }
  44
  45 @media screen and (max-width: 500px) {
  46   .section {
  47     @include video-miniature-small-screen;
  48   }
  49 }