<commit_before>/* ==========================================================================
   Hero (full page) image
   ========================================================================== */

.hero {
	position: relative;
	height: 100%;
	min-height: 20rem;
	// max-height: 178vw; // More or less the ratio of an iPhone 6 screen!!
	color:	$color-base-white;

	// White border!
	// @include breakpoint(compact) {
	// 	padding: rhythm($grid-gutter-rhythm-unit / 2);

	// 	.bg-image__placeholder {
	// 		top: rhythm($grid-gutter-rhythm-unit / 2);
	// 		left: rhythm($grid-gutter-rhythm-unit / 2);
	// 		right: rhythm($grid-gutter-rhythm-unit / 2);
	// 		bottom: rhythm($grid-gutter-rhythm-unit / 2);
	// 	}
	// }

	// @include breakpoint(medium) {
	// 	max-height: 108vw;
	// }
}

.hero__text {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	// padding-bottom: rhythm(1);
	padding-right: $contain-percentage;
	padding-left: $contain-percentage;
}

.hero__title {
	@extend %heading-settings;
	@extend %text-kern;
	@include responsive-text-size($text-bg-title-hero);

	margin-bottom: rhythm(.25);
}

.hero__title,
.hero__subtitle,
.hero__meta {
	text-align: center;
	color:	$color-base-white;
}

.hero__meta {
	@extend %text-small;
}

.hero__button,
.hero__buttons > a {
	pointer-events: auto;

	.hero__subtitle + & {
		margin-top: rhythm(.75);
	}
}

.hero__buttons > a + a {
	margin-left: rhythm(1);
}

.hero__meta {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 100%;
	bottom: 0;
	padding-bottom: rhythm(1.75); // lenght of vertical line
	// margin-bottom: rhythm(.5);
	color: rgba($color-link-light,.7);

	&:after { // vertical line
		position: absolute;
		top: rhythm(.8);
		bottom: 0;
		left: 50%;
		left: calc(50% - #{rhythm(.05 / 2)});
		content: "";<commit_msg>Make hero meta text normal size (not small).<commit_after>/* ==========================================================================
   Hero (full page) image
   ========================================================================== */

.hero {
	position: relative;
	height: 100%;
	min-height: 20rem;
	// max-height: 178vw; // More or less the ratio of an iPhone 6 screen!!
	color:	$color-base-white;

	// White border!
	// @include breakpoint(compact) {
	// 	padding: rhythm($grid-gutter-rhythm-unit / 2);

	// 	.bg-image__placeholder {
	// 		top: rhythm($grid-gutter-rhythm-unit / 2);
	// 		left: rhythm($grid-gutter-rhythm-unit / 2);
	// 		right: rhythm($grid-gutter-rhythm-unit / 2);
	// 		bottom: rhythm($grid-gutter-rhythm-unit / 2);
	// 	}
	// }

	// @include breakpoint(medium) {
	// 	max-height: 108vw;
	// }
}

.hero__text {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	// padding-bottom: rhythm(1);
	padding-right: $contain-percentage;
	padding-left: $contain-percentage;
}

.hero__title {
	@extend %heading-settings;
	@extend %text-kern;
	@include responsive-text-size($text-bg-title-hero);

	margin-bottom: rhythm(.25);
}

.hero__title,
.hero__subtitle,
.hero__meta {
	text-align: center;
	color:	$color-base-white;
}

// .hero__meta {
// 	@extend %text-small;
// }

.hero__button,
.hero__buttons > a {
	pointer-events: auto;

	.hero__subtitle + & {
		margin-top: rhythm(.75);
	}
}

.hero__buttons > a + a {
	margin-left: rhythm(1);
}

.hero__meta {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 100%;
	bottom: 0;
	padding-bottom: rhythm(1.5); // Lenght of vertical line
	// margin-bottom: rhythm(.5);
	color: rgba($color-link-light,.7);

	// Vertical line
	&:after {
		position: absolute;
		top: rhythm(1);
		bottom: 0;
		left: 50%;
		left: calc(50% - #{rhythm(.05 / 2)});
		content: "";
{'fraction_non_alphanumeric': 0.24993178717598907, 'fraction_numerical': 0.02646657571623465, 'mean_word_length': 3.5036855036855035, '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': '674025', 'n_tokens_mistral': 1483, 'n_tokens_neox': 1336, 'n_words': 279}