]>
Commit | Line | Data |
---|---|---|
22a16e36 C |
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 { | |
f37dc0dd C |
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 | } | |
22a16e36 C |
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 | } |