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

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .subscribe-button {
   5   @include peertube-button;
   6   @include orange-button;
   7 }
   8
   9 .unsubscribe-button {
  10   @include peertube-button;
  11   @include grey-button
  12 }
  13
  14 .subscribe-button,
  15 .unsubscribe-button {
  16   display: inline-block;
  17
  18   &.small {
  19     min-width: 75px;
  20     height: 20px;
  21     line-height: 20px;
  22     font-size: 13px;
  23   }
  24
  25   &.normal {
  26     min-width: 120px;
  27     height: 30px;
  28     line-height: 30px;
  29     font-size: 16px;
  30   }
  31 }
  32
  33 .unsubscribe-button {
  34   .subscribed {
  35     display: inline;
  36   }
  37
  38   .unsubscribe {
  39     display: none;
  40   }
  41
  42   &:hover {
  43     .subscribed {
  44       display: none;
  45     }
  46
  47     .unsubscribe {
  48       display: inline;
  49     }
  50   }
  51 }