diff options
Diffstat (limited to 'client/src/sass/_mixins.scss')
-rw-r--r-- | client/src/sass/_mixins.scss | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/client/src/sass/_mixins.scss b/client/src/sass/_mixins.scss index ddc9c6766..14d9b5044 100644 --- a/client/src/sass/_mixins.scss +++ b/client/src/sass/_mixins.scss | |||
@@ -23,7 +23,8 @@ | |||
23 | color: #fff; | 23 | color: #fff; |
24 | background-color: $orange-color; | 24 | background-color: $orange-color; |
25 | 25 | ||
26 | &:hover { | 26 | &:hover, &:active, &:focus, &[disabled] { |
27 | color: #fff; | ||
27 | background-color: $orange-hoover-color; | 28 | background-color: $orange-hoover-color; |
28 | } | 29 | } |
29 | } | 30 | } |
@@ -32,7 +33,8 @@ | |||
32 | background-color: $grey-color; | 33 | background-color: $grey-color; |
33 | color: #585858; | 34 | color: #585858; |
34 | 35 | ||
35 | &:hover { | 36 | &:hover, &:active, &:focus, &[disabled] { |
37 | color: #585858; | ||
36 | background-color: $grey-hoover-color; | 38 | background-color: $grey-hoover-color; |
37 | } | 39 | } |
38 | } | 40 | } |
@@ -60,3 +62,13 @@ | |||
60 | width: $size; | 62 | width: $size; |
61 | height: $size; | 63 | height: $size; |
62 | } | 64 | } |
65 | |||
66 | @mixin icon ($size) { | ||
67 | display: inline-block; | ||
68 | background-repeat: no-repeat; | ||
69 | background-size: contain; | ||
70 | width: $size; | ||
71 | height: $size; | ||
72 | vertical-align: middle; | ||
73 | cursor: pointer; | ||
74 | } | ||