1 @use '_variables' as *;
4 @import '~bootstrap/scss/functions';
5 @import '~bootstrap/scss/variables';
15 @include peertube-input-text(100%);
21 .forgot-password-instructions {
26 @media screen and (max-width: $small-view) {
28 #forgot-password-email {
33 .modal-footer .grey-button {
40 justify-content: space-between;
62 .login-form-and-externals {
63 @include margin-left(10px);
64 @include margin-right(10px);
68 justify-content: center;
81 justify-content: center;
91 .external-login-blocks {
96 font-weight: $font-semibold;
99 .external-login-block {
100 @include disable-default-a-behaviour;
103 border: 1px solid #d1d7e0;
105 color: pvar(--mainForegroundColor);
106 margin: 10px 10px 0 0;
108 justify-content: center;
114 background-color: rgba(209, 215, 224, 0.5);
119 .instance-information {
120 @include margin-left(10px);
121 @include margin-right(10px);
136 @mixin column-reverse-display {
137 flex-direction: column-reverse;
139 .login-form-and-externals,
140 .instance-information {
141 @include margin-left(0);
142 @include margin-right(0);
150 .instance-information {
151 ::ng-deep .accordion {
165 @media screen and (max-width: breakpoint(md)) {
167 @include column-reverse-display();
171 @media screen and (max-width: breakpoint(md) + $menu-width) {
172 :host-context(.main-col:not(.expanded)) {
174 @include column-reverse-display();