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 {
36 .create-an-account, .forgot-password-button {
37 color: pvar(--mainForegroundColor);
39 transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1);
42 text-decoration: none !important;
43 opacity: .7 !important;
49 justify-content: space-around;
56 .login-form-and-externals {
78 .forgot-password-button,
81 display: inline-block;
83 color: var(--mainColor);
86 color: var(--mainHoverColor);
92 .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)
120 display: inline-block;
124 .instance-information {
141 @mixin columnReverseDisplay {
142 flex-direction: column-reverse;
144 .login-form-and-externals,
145 .instance-information {
154 .instance-information {
155 ::ng-deep .accordion {
169 @media screen and (max-width: breakpoint(md)) {
171 @include columnReverseDisplay();
175 @media screen and (max-width: breakpoint(md) + $menu-width) {
176 :host-context(.main-col:not(.expanded)) {
178 @include columnReverseDisplay();