diff options
Diffstat (limited to 'client/src/sass/include/_mixins.scss')
-rw-r--r-- | client/src/sass/include/_mixins.scss | 62 |
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 | } |