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 8de23e64d..8545824e3 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 #C6C6C6; | 95 | border: 1px solid #C6C6C6; |
@@ -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 | } |
@@ -550,50 +539,6 @@ | |||
550 | } | 539 | } |
551 | } | 540 | } |
552 | 541 | ||
553 | @mixin peertube-badge { | ||
554 | border-radius: 2px; | ||
555 | padding: 1/4em 1/2em; | ||
556 | text-transform: uppercase; | ||
557 | font-weight: $font-bold; | ||
558 | font-size: 12px; | ||
559 | letter-spacing: 1/3px; | ||
560 | |||
561 | &.badge-banned, | ||
562 | &.badge-red { | ||
563 | background-color: #ffcdd2; | ||
564 | color: #c63737; | ||
565 | } | ||
566 | |||
567 | &.badge-banned { | ||
568 | text-decoration: line-through; | ||
569 | } | ||
570 | |||
571 | &.badge-yellow { | ||
572 | background-color: #feedaf; | ||
573 | color: #8a5340; | ||
574 | } | ||
575 | |||
576 | &.badge-brown { | ||
577 | background-color: #ffd8b2; | ||
578 | color: #805b36; | ||
579 | } | ||
580 | |||
581 | &.badge-green { | ||
582 | background-color: #c8e6c9; | ||
583 | color: #256029; | ||
584 | } | ||
585 | |||
586 | &.badge-blue { | ||
587 | background-color: #b3e5fc; | ||
588 | color: #23547b; | ||
589 | } | ||
590 | |||
591 | &.badge-purple { | ||
592 | background-color: #eccfff; | ||
593 | color: #694382; | ||
594 | } | ||
595 | } | ||
596 | |||
597 | @mixin actor-avatar-size ($size) { | 542 | @mixin actor-avatar-size ($size) { |
598 | display: inline-block; | 543 | display: inline-block; |
599 | width: $size; | 544 | width: $size; |
@@ -937,8 +882,9 @@ | |||
937 | vertical-align: top; | 882 | vertical-align: top; |
938 | } | 883 | } |
939 | 884 | ||
940 | .badge { | 885 | .pt-badge { |
941 | @include margin-left(7px); | 886 | @include margin-left(7px); |
887 | |||
942 | vertical-align: top; | 888 | vertical-align: top; |
943 | } | 889 | } |
944 | } | 890 | } |