<commit_before>.loginForm > form {
	.userLoginButtons {
		margin-top: 20px;
		text-align: center;
	}
	
	.thirdPartyLogin {
		flex: 0 0 100%;
		
		& + .thirdPartyLogin {
			margin-top: 10px;
		}
		
		.thirdPartyLoginButton {
			display: flex;
			border-width: 0;
			color: rgba(255, 255, 255, 1);
			
			> .icon {
				flex: 0 0 24px;
			}
			
			> span:not(.icon) {
				flex: 1 1 auto;
				margin-left: 5px;
			}
			
			/* branding */
			&.googleLoginButton {
				background-color: rgb(221, 75, 57);
				
				&:hover {
					background-color: rgb(202, 53, 35);
				}
			}
			
			&.facebookLoginButton {
				background-color: rgb(59, 89, 152);
				
				&:hover {
					background-color: rgb(48, 72, 123);
				}
			}
			
			&.twitterLoginButton {
				background-color: rgb(85, 172, 238);
				
				&:hover {
					background-color: rgb(48, 154, 234);
				}
			}
			
			&.githubLoginButton {
				background-color: rgb(68, 68, 68);
				
				&:hover {
					background-color: rgb(48, 48, 48);
				}
			}
		}
	}
}

@include screen-md-up {
	.loginForm:not(.loginFormLoginOnly) > form {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px;
		
		> .section {
			/* Sections should never be split, but Firefox, IE and Edge don't seem
			   to care about this despite advertising the support for it. We can work
			   around this by using `overflow: hidden` which magically does the job,
			   but doesn't affect Chrome which properly breaks anyway. */
			
			margin-top: 0;
			overflow: hidden; /* Fix for Firefox, IE and Edge */
			
			-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
			page-break-inside: avoid; /* Firefox */
			break-inside: avoid; /* IE 10+ */
			
			&.loginFormLogin {
				-webkit-column-break-after: always;
				page-break-after: always;
				break-after: always;
			}
			
			&.loginFormRegister {
				margin-top: 0;
				
				& + .loginFormThirdPartyLogin {
					margin-top: 30px;
				}
			}
		}
	}<commit_msg>Fixed column break in Chrome<commit_after>.loginForm > form {
	.userLoginButtons {
		margin-top: 20px;
		text-align: center;
	}
	
	.thirdPartyLogin {
		flex: 0 0 100%;
		
		& + .thirdPartyLogin {
			margin-top: 10px;
		}
		
		.thirdPartyLoginButton {
			display: flex;
			border-width: 0;
			color: rgba(255, 255, 255, 1);
			
			> .icon {
				flex: 0 0 24px;
			}
			
			> span:not(.icon) {
				flex: 1 1 auto;
				margin-left: 5px;
			}
			
			/* branding */
			&.googleLoginButton {
				background-color: rgb(221, 75, 57);
				
				&:hover {
					background-color: rgb(202, 53, 35);
				}
			}
			
			&.facebookLoginButton {
				background-color: rgb(59, 89, 152);
				
				&:hover {
					background-color: rgb(48, 72, 123);
				}
			}
			
			&.twitterLoginButton {
				background-color: rgb(85, 172, 238);
				
				&:hover {
					background-color: rgb(48, 154, 234);
				}
			}
			
			&.githubLoginButton {
				background-color: rgb(68, 68, 68);
				
				&:hover {
					background-color: rgb(48, 48, 48);
				}
			}
		}
	}
}

@include screen-md-up {
	.loginForm:not(.loginFormLoginOnly) > form {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px;
		
		> .section {
			/* Sections should never be split, but Firefox, IE and Edge don't seem
			   to care about this despite advertising the support for it. We can work
			   around this by using `overflow: hidden` which magically does the job,
			   but doesn't affect Chrome which properly breaks anyway. */
			
			margin-top: 0;
			overflow: hidden; /* Fix for Firefox, IE and Edge */
			
			-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
			page-break-inside: avoid; /* Firefox */
			break-inside: avoid; /* IE 10+ */
			
			&.loginFormLogin {
				page-break-after: always;
				break-after: always;
				-webkit-column-break-after: always;
			}
			
			&.loginFormRegister {
				margin-top: 0;
				
				& + .loginFormThirdPartyLogin {
					margin-top: 30px;
				}
			}
		}
	}
{'fraction_non_alphanumeric': 0.13825338253382533, 'fraction_numerical': 0.04821648216482165, 'mean_word_length': 2.1840250587314016, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4731707', 'n_tokens_mistral': 2101, 'n_tokens_neox': 1403, 'n_words': 352}