diff options
Diffstat (limited to 'client/src/app/shared/user-subscription/subscribe-button.component.scss')
-rw-r--r-- | client/src/app/shared/user-subscription/subscribe-button.component.scss | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/client/src/app/shared/user-subscription/subscribe-button.component.scss b/client/src/app/shared/user-subscription/subscribe-button.component.scss new file mode 100644 index 000000000..9811fdc0c --- /dev/null +++ b/client/src/app/shared/user-subscription/subscribe-button.component.scss | |||
@@ -0,0 +1,37 @@ | |||
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 | } \ No newline at end of file | ||