diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2017-12-07 10:02:01 +0100 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2017-12-07 10:02:01 +0100 |
commit | 7b272fd73f1ea67e83c1924f2cc33503b8759811 (patch) | |
tree | 5c171a051c25878bd8010eab0f3ed503efe0da1c /client/src/sass/_mixins.scss | |
parent | 41c3dfac99c41d2daec2a55554bb517ed5d59fc4 (diff) | |
download | PeerTube-7b272fd73f1ea67e83c1924f2cc33503b8759811.tar.gz PeerTube-7b272fd73f1ea67e83c1924f2cc33503b8759811.tar.zst PeerTube-7b272fd73f1ea67e83c1924f2cc33503b8759811.zip |
Fix dropdown menu in video watch
Diffstat (limited to 'client/src/sass/_mixins.scss')
-rw-r--r-- | client/src/sass/_mixins.scss | 24 |
1 files changed, 18 insertions, 6 deletions
diff --git a/client/src/sass/_mixins.scss b/client/src/sass/_mixins.scss index 6a18f7a76..ddc9c6766 100644 --- a/client/src/sass/_mixins.scss +++ b/client/src/sass/_mixins.scss | |||
@@ -19,22 +19,34 @@ | |||
19 | } | 19 | } |
20 | } | 20 | } |
21 | 21 | ||
22 | @mixin orange-button { | ||
23 | color: #fff; | ||
24 | background-color: $orange-color; | ||
25 | |||
26 | &:hover { | ||
27 | background-color: $orange-hoover-color; | ||
28 | } | ||
29 | } | ||
30 | |||
31 | @mixin grey-button { | ||
32 | background-color: $grey-color; | ||
33 | color: #585858; | ||
34 | |||
35 | &:hover { | ||
36 | background-color: $grey-hoover-color; | ||
37 | } | ||
38 | } | ||
39 | |||
22 | @mixin peertube-button { | 40 | @mixin peertube-button { |
23 | border: none; | 41 | border: none; |
24 | color: #fff; | ||
25 | font-weight: $font-semibold; | 42 | font-weight: $font-semibold; |
26 | font-size: 15px; | 43 | font-size: 15px; |
27 | height: $button-height; | 44 | height: $button-height; |
28 | line-height: $button-height; | 45 | line-height: $button-height; |
29 | border-radius: 3px; | 46 | border-radius: 3px; |
30 | text-align: center; | 47 | text-align: center; |
31 | background-color: $orange-color; | ||
32 | padding: 0 17px 0 13px; | 48 | padding: 0 17px 0 13px; |
33 | cursor: pointer; | 49 | cursor: pointer; |
34 | |||
35 | &:hover { | ||
36 | background-color: $orange-hoover-color; | ||
37 | } | ||
38 | } | 50 | } |
39 | 51 | ||
40 | @mixin peertube-button-link { | 52 | @mixin peertube-button-link { |