client/src/app/shared/user-subscription/subscribe-button.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .btn-group-subscribe {
   5   @include peertube-button;
   6   @include disable-default-a-behaviour;
   7   float: right;
   8   padding: 0;
   9
  10   &.btn-group > .btn:not(.dropdown-toggle) {
  11     padding-right: 5px;
  12     font-size: 15px;
  13   }
  14   &.btn-group > .btn-group:not(:first-child) > .btn {
  15     padding-left: 2px;
  16   }
  17
  18   &.subscribe-button {
  19     .btn {
  20       @include orange-button;
  21       font-weight: 600;
  22     }
  23
  24     span.followers-count {
  25       padding-left:5px;
  26     }
  27   }
  28   &.unsubscribe-button {
  29     .btn {
  30       @include grey-button;
  31       font-weight: 600;
  32     }
  33   }
  34
  35   .dropdown-header {
  36     padding-left: 1rem;
  37   }
  38
  39   /deep/ form {
  40     padding: 0.25rem 1rem;
  41   }
  42
  43   input {
  44     @include peertube-input-text(100%);
  45   }
  46 }