aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include/_mixins.scss
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass/include/_mixins.scss')
-rw-r--r--client/src/sass/include/_mixins.scss62
1 files changed, 4 insertions, 58 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 3c5aa6cdf..26f5a149a 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -89,6 +89,7 @@
89 display: inline-block; 89 display: inline-block;
90 height: $button-height; 90 height: $button-height;
91 width: $width; 91 width: $width;
92 max-width: $width;
92 color: pvar(--inputForegroundColor); 93 color: pvar(--inputForegroundColor);
93 background-color: pvar(--inputBackgroundColor); 94 background-color: pvar(--inputBackgroundColor);
94 border: 1px solid $input-border-color; 95 border: 1px solid $input-border-color;
@@ -108,19 +109,6 @@
108 } 109 }
109} 110}
110 111
111@mixin peertube-input-group($width) {
112 width: $width;
113 min-height: $button-height;
114 padding-top: 0;
115 padding-bottom: 0;
116 flex-wrap: nowrap;
117
118 .input-group-text {
119 font-size: 14px;
120 color: #808080;
121 }
122}
123
124@mixin peertube-textarea ($width, $height) { 112@mixin peertube-textarea ($width, $height) {
125 @include peertube-input-text($width); 113 @include peertube-input-text($width);
126 114
@@ -371,6 +359,7 @@
371 cursor: default; 359 cursor: default;
372 } 360 }
373 } 361 }
362
374 select[disabled] { 363 select[disabled] {
375 background-color: #f9f9f9; 364 background-color: #f9f9f9;
376 } 365 }
@@ -552,50 +541,6 @@
552 } 541 }
553} 542}
554 543
555@mixin peertube-badge {
556 border-radius: 2px;
557 padding: 1/4em 1/2em;
558 text-transform: uppercase;
559 font-weight: $font-bold;
560 font-size: 12px;
561 letter-spacing: 1/3px;
562
563 &.badge-banned,
564 &.badge-red {
565 background-color: #ffcdd2;
566 color: #c63737;
567 }
568
569 &.badge-banned {
570 text-decoration: line-through;
571 }
572
573 &.badge-yellow {
574 background-color: #feedaf;
575 color: #8a5340;
576 }
577
578 &.badge-brown {
579 background-color: #ffd8b2;
580 color: #805b36;
581 }
582
583 &.badge-green {
584 background-color: #c8e6c9;
585 color: #256029;
586 }
587
588 &.badge-blue {
589 background-color: #b3e5fc;
590 color: #23547b;
591 }
592
593 &.badge-purple {
594 background-color: #eccfff;
595 color: #694382;
596 }
597}
598
599@mixin actor-avatar-size ($size) { 544@mixin actor-avatar-size ($size) {
600 display: inline-block; 545 display: inline-block;
601 width: $size; 546 width: $size;
@@ -939,8 +884,9 @@
939 vertical-align: top; 884 vertical-align: top;
940 } 885 }
941 886
942 .badge { 887 .pt-badge {
943 @include margin-left(7px); 888 @include margin-left(7px);
889
944 vertical-align: top; 890 vertical-align: top;
945 } 891 }
946 } 892 }