aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/class-helpers/_buttons.scss11
-rw-r--r--client/src/sass/class-helpers/_common.scss6
-rw-r--r--client/src/sass/include/_mixins.scss6
3 files changed, 16 insertions, 7 deletions
diff --git a/client/src/sass/class-helpers/_buttons.scss b/client/src/sass/class-helpers/_buttons.scss
index fdbf6f9d2..5079492d6 100644
--- a/client/src/sass/class-helpers/_buttons.scss
+++ b/client/src/sass/class-helpers/_buttons.scss
@@ -39,3 +39,14 @@
39.peertube-button-icon { 39.peertube-button-icon {
40 @include button-with-icon(18px, 3px, -1px); 40 @include button-with-icon(18px, 3px, -1px);
41} 41}
42
43.peertube-create-button {
44 @include peertube-button-link;
45 @include orange-button;
46 @include button-with-icon(20px, 5px, -1px);
47}
48
49.button-unstyle {
50 padding: 0;
51 border: 0;
52}
diff --git a/client/src/sass/class-helpers/_common.scss b/client/src/sass/class-helpers/_common.scss
index e42d7d587..90fc7e299 100644
--- a/client/src/sass/class-helpers/_common.scss
+++ b/client/src/sass/class-helpers/_common.scss
@@ -48,11 +48,15 @@
48 border-radius: 0.25rem; 48 border-radius: 0.25rem;
49 position: relative; 49 position: relative;
50 50
51 >label { 51 > .callout-title {
52 position: relative; 52 position: relative;
53 top: -5px; 53 top: -5px;
54 left: -10px; 54 left: -10px;
55 color: #6c757d !important; 55 color: #6c757d !important;
56 font-size: 1rem;
57 font-weight: $font-bold;
58 margin-bottom: 0.5rem;
59 line-height: inherit;
56 } 60 }
57 61
58 &:not(.callout-light) { 62 &:not(.callout-light) {
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 1ce584f9b..7a100a53d 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -604,12 +604,6 @@
604 margin-bottom: 10px; 604 margin-bottom: 10px;
605} 605}
606 606
607@mixin create-button {
608 @include peertube-button-link;
609 @include orange-button;
610 @include button-with-icon(20px, 5px, -1px);
611}
612
613@mixin row-blocks ($column-responsive: true, $min-height: 130px, $separator: true) { 607@mixin row-blocks ($column-responsive: true, $min-height: 130px, $separator: true) {
614 display: flex; 608 display: flex;
615 min-height: $min-height; 609 min-height: $min-height;