<commit_before>@import "settings";

@import "foundation/components/alert-boxes";
@import "foundation/components/grid";
@import "foundation/components/button-groups";
@import "foundation/components/buttons";
@import "foundation/components/clearing";
@import "foundation/components/forms";
@import "foundation/components/inline-lists";
@import "foundation/components/type";
@import "foundation/components/top-bar";
@import "foundation/components/visibility";

// @import "glyphicons_filetypes";
@import "glyphicons_social";
// @import "glyphicons_halflings";
// @import "glyphicons_regular";


@mixin default-typo() {
	font-family: $font-family-sans-serif;
}

@mixin brand-typo() {
	font-family: 'Ubuntu', sans-serif;
}

.contain-to-grid {
	background-color: #fff;
}

html,
body {
	@include default-typo();
	line-height: $base-line-height;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


section[role="header"] {
	nav[role="navigation"] {
		&.top-bar {
			h1 {
				@include brand-typo();
				font-size: 2rem;
				vertical-align: middle;
			}

			&.toggle-topbar {
				a {
					font-size: 2rem;
				}

				&.menu-icon {
						span {
							::after {
								box-shadow: 0 0px 0 2px #000000, 0 7px 0 2px #000000, 0 14px 0 2px #000000;
							}
						}
					}
			}

			section.top-bar-section {
				ul {
					li {
						&>a {
							text-align: center;
						}
					}
				}
			}
		}

		@media #{$topbar-media-query} {
			&.top-bar {

				background: #ffffff;
				color: #000000;

				h1 {
					a {
						color: $topbar-link-color;
					}

					font-size: 2rem;
					vertical-align: middle;
					padding: 0 0 0 .5rem;
				}

				section.top-bar-section {
					ul {
						background: #ffffff;

						li {
							background: #ffffff;
							margin-left: 30px;

							a {
								color: #000;
								background: #fff;
								font-size: 1.2rem;
								border-bottom: 2px solid $topbar-bg-color;

								&:hover {
									border-bottom: 2px solid $primary-color;
									color: #222;
								}
							}

							&.active {
								a {
									color: #000;
									background: #fff;
									font-size: 1.2rem;
									border-bottom: 2px solid #000;

									&:hover {
										border-bottom: 2px solid $primary-color;
										color: #222;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

section[role="main-content"] {
	.row {
		.tagline, .pricing {
			text-align: center;
			margin: 2rem 0;

			strong {
				color: #000;
			}

			h3 {
				font-size: 1.2rem;
				color: #999;
			}
		}
	}

	section[role="login"],
	section[role="signup"] {
		text-align: center;

		.social:before {
			font-size: 2rem;
			margin: .6rem 0 .6rem 0;
			left: auto;
			right: 20px;
		}

		.login-or {
			display: block;
			margin: 0 0 1rem 0;
			font-size: 4rem;
		}

		label {
			text-align: left;
		}

		.button-group {
			@include button-group-container();

			margin: 0 auto;

			& > li {<commit_msg>Make 'OR' section smaller<commit_after>@import "settings";

@import "foundation/components/alert-boxes";
@import "foundation/components/grid";
@import "foundation/components/button-groups";
@import "foundation/components/buttons";
@import "foundation/components/clearing";
@import "foundation/components/forms";
@import "foundation/components/inline-lists";
@import "foundation/components/type";
@import "foundation/components/top-bar";
@import "foundation/components/visibility";

// @import "glyphicons_filetypes";
@import "glyphicons_social";
// @import "glyphicons_halflings";
// @import "glyphicons_regular";


@mixin default-typo() {
	font-family: $font-family-sans-serif;
}

@mixin brand-typo() {
	font-family: 'Ubuntu', sans-serif;
}

.contain-to-grid {
	background-color: #fff;
}

html,
body {
	@include default-typo();
	line-height: $base-line-height;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


section[role="header"] {
	nav[role="navigation"] {
		&.top-bar {
			h1 {
				@include brand-typo();
				font-size: 2rem;
				vertical-align: middle;
			}

			&.toggle-topbar {
				a {
					font-size: 2rem;
				}

				&.menu-icon {
						span {
							::after {
								box-shadow: 0 0px 0 2px #000000, 0 7px 0 2px #000000, 0 14px 0 2px #000000;
							}
						}
					}
			}

			section.top-bar-section {
				ul {
					li {
						&>a {
							text-align: center;
						}
					}
				}
			}
		}

		@media #{$topbar-media-query} {
			&.top-bar {

				background: #ffffff;
				color: #000000;

				h1 {
					a {
						color: $topbar-link-color;
					}

					font-size: 2rem;
					vertical-align: middle;
					padding: 0 0 0 .5rem;
				}

				section.top-bar-section {
					ul {
						background: #ffffff;

						li {
							background: #ffffff;
							margin-left: 30px;

							a {
								color: #000;
								background: #fff;
								font-size: 1.2rem;
								border-bottom: 2px solid $topbar-bg-color;

								&:hover {
									border-bottom: 2px solid $primary-color;
									color: #222;
								}
							}

							&.active {
								a {
									color: #000;
									background: #fff;
									font-size: 1.2rem;
									border-bottom: 2px solid #000;

									&:hover {
										border-bottom: 2px solid $primary-color;
										color: #222;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

section[role="main-content"] {
	.row {
		.tagline, .pricing {
			text-align: center;
			margin: 2rem 0;

			strong {
				color: #000;
			}

			h3 {
				font-size: 1.2rem;
				color: #999;
			}
		}
	}

	section[role="login"],
	section[role="signup"] {
		text-align: center;

		.social:before {
			font-size: 2rem;
			margin: .6rem 0 .6rem 0;
			left: auto;
			right: 20px;
		}

		.login-or {
			display: block;
			font-size: 3rem;
			margin-top: -20px;
		}

		label {
			text-align: left;
		}

		.button-group {
			@include button-group-container();

			margin: 0 auto;

			& > li {
{'fraction_non_alphanumeric': 0.15114893617021277, 'fraction_numerical': 0.032, 'mean_word_length': 2.0877561744613766, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '222802', 'n_tokens_mistral': 3153, 'n_tokens_neox': 2139, 'n_words': 420}