<commit_before>#page-header {
	background-color: $color-mineshaft;
	padding: 0 $guaranteed-edge-standoff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;

	body.admin-bar & {
		top: 46px;

		@include breakpoint($wpadminbar-narrow) {
			top: 32px;
		}
	}

	.logo-link {
		@extend %hide-text;

		background: $color-mineshaft url("img/10up-logo-full.svg") no-repeat 46% 30%;
		background-size: 50%;
		border-radius: 100%;
		bottom: -$header-logo-small-protrusion;
		height: $header-logo-small;
		left: 50%;
		margin-left: -$header-logo-small / 2;
		position: absolute;
		width: $header-logo-small;
		z-index: 10; /* So that it overlays any expanded .top-nav */

		@include breakpoint($breakpoint-bravo) {
			background-position: 46% 50%;
			background-size: 45%;
			bottom: -$header-logo-large-protrusion;
			height: $header-logo-large;
			margin-left: -$header-logo-large / 2;
			width: $header-logo-large;
		}
	}

	.top-nav {
		background-color: $color-mineshaft;
		height: 0;
		padding: 0;
		position: relative;
		top: 6rem;
		z-index: 5; /* higher than normal so it overlays content elements */

		.js-mobile-expandable {
			display: none;

			&.is-open {
				display: block;

				&:before {
					border: 10px solid transparent;
					border-bottom-color: $very-dark-grey;
					content: '';
					display: block;
					position: absolute;
					right: .25em;
					top: -20px;
				}
			}
		}

		.header-nav {
			background-color: $very-dark-grey;
			text-align: right;

			@include breakpoint($breakpoint-bravo) {<commit_msg>issue #348 decentered header nav items<commit_after>#page-header {
	background-color: $color-mineshaft;
	padding: 0 $guaranteed-edge-standoff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;

	body.admin-bar & {
		top: 46px;

		@include breakpoint($wpadminbar-narrow) {
			top: 32px;
		}
	}

	.logo-link {
		@extend %hide-text;

		background: $color-mineshaft url("img/10up-logo-full.svg") no-repeat 46% 30%;
		background-size: 50%;
		border-radius: 100%;
		bottom: -$header-logo-small-protrusion;
		height: $header-logo-small;
		left: 50%;
		margin-left: -$header-logo-small / 2;
		position: absolute;
		width: $header-logo-small;
		z-index: 10; /* So that it overlays any expanded .top-nav */

		@include breakpoint($breakpoint-bravo) {
			background-position: 46% 50%;
			background-size: 45%;
			bottom: -$header-logo-large-protrusion;
			height: $header-logo-large;
			margin-left: -$header-logo-large / 2;
			width: $header-logo-large;
		}
	}

	.top-nav {
		background-color: $color-mineshaft;
		height: 0;
		padding: 0;
		position: relative;
		top: 6rem;
		z-index: 5; /* higher than normal so it overlays content elements */

		.js-mobile-expandable {
			display: none;

			&.is-open {
				display: block;

				&:before {
					border: 10px solid transparent;
					border-bottom-color: $very-dark-grey;
					content: '';
					display: block;
					position: absolute;
					right: .25em;
					top: -20px;
				}
			}
		}

		.header-nav {
			background-color: $very-dark-grey;
			margin-left: 56px;
			text-align: right;

			@include breakpoint($breakpoint-bravo) {
{'fraction_non_alphanumeric': 0.1525587383327969, 'fraction_numerical': 0.031219826198905697, 'mean_word_length': 2.9846153846153847, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '3613361', 'n_tokens_mistral': 1437, 'n_tokens_neox': 1146, 'n_words': 251}