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   padding: 3px 7px;
  17 }
  18
  19 .unsubscribe-button {
  20   .subscribed {
  21     display: inline;
  22   }
  23
  24   .unsubscribe {
  25     display: none;
  26   }
  27
  28   &:hover {
  29     .subscribed {
  30       display: none;
  31     }
  32
  33     .unsubscribe {
  34       display: inline;
  35     }
  36   }
  37 }