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

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3 @use '_miniature' as *;
   4
   5 .section-title {
   6   // make the element span a full grid row within .videos grid
   7   grid-column: 1 / -1;
   8 }
   9
  10 .margin-content {
  11   @include grid-videos-miniature-layout-with-margins;
  12 }
  13
  14 .section {
  15   &:first-child {
  16     padding-top: 15px;
  17
  18     .section-title {
  19       border-top: 0 !important;
  20     }
  21   }
  22
  23   .section-title {
  24     font-size: 24px;
  25     padding-top: 20px;
  26     margin-bottom: 30px;
  27
  28     &:not(h2) {
  29       border-top: 1px solid $separator-border-color;
  30     }
  31
  32     a > h2 {
  33       margin-bottom: 0;
  34       display: inline-block;
  35       font-weight: $font-bold;
  36     }
  37
  38     my-actor-avatar {
  39       @include margin-right(8px);
  40
  41       position: relative;
  42       top: -2px;
  43     }
  44   }
  45
  46   @media screen and (max-width: $mobile-view) {
  47     max-height: initial;
  48     overflow: initial;
  49
  50     .section-title {
  51       @include margin-left(10px);
  52
  53       font-size: 17px;
  54     }
  55   }
  56 }