client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .channel {
   5   padding: 20px;
   6   background-color: pvar(--channelBackgroundColor);
   7   margin: 0 30px 30px 0;
   8   width: fit-content;
   9 }
  10
  11 .channel-avatar-row,
  12 .video {
  13   width: 280px;
  14 }
  15
  16 .channel-avatar-row {
  17   display: grid;
  18   grid-template-columns: auto 1fr;
  19   grid-template-rows: auto auto 1fr;
  20   column-gap: 15px;
  21
  22   a {
  23     @include peertube-word-wrap;
  24
  25     color: pvar(--mainForegroundColor);
  26   }
  27
  28   my-actor-avatar {
  29     @include actor-avatar-size(75px);
  30
  31     grid-column: 1;
  32     grid-row: 1 / 4;
  33   }
  34
  35   h6 {
  36     grid-column: 2;
  37     margin: 0;
  38   }
  39
  40   .actor-counters {
  41     @include actor-counters(5px);
  42
  43     font-size: 13px;
  44     grid-column: 2;
  45   }
  46
  47   .description-html {
  48     @include fade-text(30px, pvar(--channelBackgroundColor));
  49
  50     max-height: 60px;
  51     grid-column: 2;
  52   }
  53 }
  54
  55 .video-label {
  56   font-size: 12px;
  57   color: pvar(--greyForegroundColor);
  58   margin: 15px 0 5px;
  59 }