client/src/app/+my-account/my-account-subscriptions/my-account-subscriptions.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .video-channel {
   5   @include row-blocks;
   6
   7   img {
   8     @include avatar(80px);
   9
  10     margin-right: 10px;
  11   }
  12
  13   .video-channel-info {
  14     flex-grow: 1;
  15
  16     a.video-channel-names {
  17       @include disable-default-a-behaviour;
  18
  19       width: fit-content;
  20       display: flex;
  21       align-items: baseline;
  22       color: pvar(--mainForegroundColor);
  23
  24       .video-channel-display-name {
  25         font-weight: $font-semibold;
  26         font-size: 18px;
  27       }
  28
  29       .video-channel-name {
  30         font-size: 14px;
  31         color: $grey-actor-name;
  32         margin-left: 5px;
  33       }
  34     }
  35   }
  36
  37   .actor-owner {
  38     @include actor-owner;
  39
  40     margin-top: 0;
  41   }
  42 }
  43
  44 @media screen and (max-width: $small-view) {
  45   .video-channels-header {
  46     text-align: center;
  47   }
  48
  49   .video-channel {
  50     .video-channel-info {
  51       padding-bottom: 10px;
  52       text-align: center;
  53
  54       .video-channel-names {
  55         flex-direction: column;
  56         align-items: center !important;
  57         margin: auto;
  58       }
  59     }
  60
  61     img {
  62       margin-right: 0;
  63     }
  64   }
  65 }
  66
  67