client/src/app/account/account-settings/account-settings.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .user {
   5   display: flex;
   6
   7   img {
   8     @include avatar(50px);
   9
  10     margin-right: 15px;
  11   }
  12
  13   .user-info {
  14     .user-info-username {
  15       font-size: 20px;
  16       font-weight: $font-bold;
  17     }
  18
  19     .user-info-followers {
  20       font-size: 15px;
  21     }
  22   }
  23 }
  24
  25 .button-file {
  26   @include peertube-button-file(160px);
  27
  28   margin-top: 10px;
  29   margin-bottom: 5px;
  30 }
  31
  32 .file-max-size {
  33   display: inline-block;
  34   font-size: 13px;
  35
  36   position: relative;
  37   top: -10px;
  38 }
  39
  40 .user-quota {
  41   font-size: 15px;
  42   margin-top: 20px;
  43
  44   .user-quota-label {
  45     font-weight: $font-semibold;
  46   }
  47 }
  48
  49 .account-title {
  50   text-transform: uppercase;
  51   color: $orange-color;
  52   font-weight: $font-bold;
  53   font-size: 13px;
  54   margin-top: 55px;
  55   margin-bottom: 30px;
  56 }