10 & + .thirdPartyLogin {
14 .thirdPartyLoginButton {
18 color: rgba(255, 255, 255, 1);
31 background-color: rgb(221, 75, 57);
34 background-color: rgb(202, 53, 35);
38 &.facebookLoginButton {
39 background-color: rgb(59, 89, 152);
42 background-color: rgb(48, 72, 123);
46 &.twitterLoginButton {
47 background-color: rgb(85, 172, 238);
50 background-color: rgb(48, 154, 234);
55 background-color: rgb(68, 68, 68);
58 background-color: rgb(48, 48, 48);
65 @include screen-md-up {
66 .loginForm:not(.loginFormLoginOnly) > form {
67 -webkit-column-count: 2;
71 -webkit-column-gap: 40px;
72 -moz-column-gap: 40px;
76 /* Sections should never be split, but Firefox, IE and Edge don't seem
77 to care about this despite advertising the support for it. We can work
78 around this by using `overflow: hidden` which magically does the job,
79 but doesn't affect Chrome which properly breaks anyway. */
82 overflow: hidden; /* Fix for Firefox, IE and Edge */
84 -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
85 page-break-inside: avoid; /* Firefox */
86 break-inside: avoid; /* IE 10+ */
89 page-break-after: always;
91 -webkit-column-break-after: always;
97 & + .loginFormThirdPartyLogin {
105 @include screen-md-up {
106 /* full page login: missing margin due to different DOM */
107 .contentHeader ~ .loginForm {
111 /* force columns to be 300px wide in login overlay */
112 .dialogContent .loginForm:not(.loginFormLoginOnly) .section {
117 .loginFormLogin > .section {
118 margin-top: 30px !important;