aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/_mixins.scss16
-rw-r--r--client/src/sass/application.scss30
2 files changed, 44 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}
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index c81031021..dc1f4dba0 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -152,3 +152,33 @@ p-datatable {
152 color: #000 !important; 152 color: #000 !important;
153 } 153 }
154} 154}
155
156.modal {
157 .modal-header {
158 border-bottom: none;
159
160 .title-page-single {
161 margin: 0;
162 }
163 }
164}
165
166.orange-button {
167 @include peertube-button;
168 @include orange-button;
169}
170
171.orange-button-link {
172 @include peertube-button-link;
173 @include orange-button;
174}
175
176.grey-button {
177 @include peertube-button;
178 @include grey-button;
179}
180
181.grey-button-link {
182 @include peertube-button-link;
183 @include grey-button;
184}