diff options
Diffstat (limited to 'client/src/sass/_mixins.scss')
-rw-r--r-- | client/src/sass/_mixins.scss | 22 |
1 files changed, 20 insertions, 2 deletions
diff --git a/client/src/sass/_mixins.scss b/client/src/sass/_mixins.scss index 14d9b5044..121e16e10 100644 --- a/client/src/sass/_mixins.scss +++ b/client/src/sass/_mixins.scss | |||
@@ -23,20 +23,28 @@ | |||
23 | color: #fff; | 23 | color: #fff; |
24 | background-color: $orange-color; | 24 | background-color: $orange-color; |
25 | 25 | ||
26 | &:hover, &:active, &:focus, &[disabled] { | 26 | &:hover, &:active, &:focus, &[disabled], &.disabled { |
27 | color: #fff; | 27 | color: #fff; |
28 | background-color: $orange-hoover-color; | 28 | background-color: $orange-hoover-color; |
29 | } | 29 | } |
30 | |||
31 | &[disabled], &.disabled { | ||
32 | cursor: default; | ||
33 | } | ||
30 | } | 34 | } |
31 | 35 | ||
32 | @mixin grey-button { | 36 | @mixin grey-button { |
33 | background-color: $grey-color; | 37 | background-color: $grey-color; |
34 | color: #585858; | 38 | color: #585858; |
35 | 39 | ||
36 | &:hover, &:active, &:focus, &[disabled] { | 40 | &:hover, &:active, &:focus, &[disabled], &.disabled { |
37 | color: #585858; | 41 | color: #585858; |
38 | background-color: $grey-hoover-color; | 42 | background-color: $grey-hoover-color; |
39 | } | 43 | } |
44 | |||
45 | &[disabled], &.disabled { | ||
46 | cursor: default; | ||
47 | } | ||
40 | } | 48 | } |
41 | 49 | ||
42 | @mixin peertube-button { | 50 | @mixin peertube-button { |
@@ -72,3 +80,13 @@ | |||
72 | vertical-align: middle; | 80 | vertical-align: middle; |
73 | cursor: pointer; | 81 | cursor: pointer; |
74 | } | 82 | } |
83 | |||
84 | |||
85 | @mixin peertube-select ($width) { | ||
86 | background-color: #fff; | ||
87 | border: 1px solid #C6C6C6; | ||
88 | height: $button-height; | ||
89 | width: $width; | ||
90 | border-radius: 3px; | ||
91 | padding-left: 15px; | ||
92 | } | ||