aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/_mixins.scss
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2017-12-07 14:48:47 +0100
committerChocobozzz <florian.bigard@gmail.com>2017-12-07 15:18:03 +0100
commit4cc66133abf1e37873316999b660c93ab92eb4a0 (patch)
treea7f861f665ab563c2cf0231d0ab5554a9dc994d6 /client/src/sass/_mixins.scss
parentff249f499ccca2e37757f338384e7ba44c906a69 (diff)
downloadPeerTube-4cc66133abf1e37873316999b660c93ab92eb4a0.tar.gz
PeerTube-4cc66133abf1e37873316999b660c93ab92eb4a0.tar.zst
PeerTube-4cc66133abf1e37873316999b660c93ab92eb4a0.zip
Design video update
Diffstat (limited to 'client/src/sass/_mixins.scss')
-rw-r--r--client/src/sass/_mixins.scss22
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}