3 @import './_bootstrap-variables';
4 @import '~bootstrap/scss/functions';
5 @import '~bootstrap/scss/variables';
13 @include peertube-input-text(340px);
19 .forgot-password-instructions {
24 @media screen and (max-width: #{map-get($container-max-widths, sm)}) {
26 #forgot-password-email {
31 .modal-footer .grey-button {
37 .forgot-password-button {
38 color: pvar(--mainForegroundColor);
40 transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1);
43 text-decoration: none !important;
44 opacity: .7 !important;
50 justify-content: space-around;
57 .login-form-and-externals {
58 @include margin-left(10px);
59 @include margin-right(10px);
81 .forgot-password-button,
84 display: inline-block;
86 color: var(--mainColor);
90 color: var(--mainHoverColor);
96 .external-login-blocks {
100 font-weight: $font-semibold;
103 .external-login-block {
104 @include disable-default-a-behaviour;
107 border: 1px solid #d1d7e0;
109 color: pvar(--mainForegroundColor);
110 margin: 10px 10px 0 0;
112 justify-content: center;
118 background-color: rgba(209, 215, 224, 0.5);
124 display: inline-block;
128 .instance-information {
129 @include margin-left(10px);
130 @include margin-right(10px);
146 @mixin column-reverse-display {
147 flex-direction: column-reverse;
149 .login-form-and-externals,
150 .instance-information {
151 @include margin-left(0);
152 @include margin-right(0);
160 .instance-information {
161 ::ng-deep .accordion {
175 @media screen and (max-width: breakpoint(md)) {
177 @include column-reverse-display();
181 @media screen and (max-width: breakpoint(md) + $menu-width) {
182 :host-context(.main-col:not(.expanded)) {
184 @include column-reverse-display();