<commit_before>%nav {
	@include susy-clearfix;
	@include z-index( 'nav' );

	display: block;
	font-size: $font-size-nav;

	%menu {
		@include susy-clearfix;
		@include list-unstyled;
		@include z-index( 'nav-menu' );

		display: block;
	}

	%menu__item,
	%menu__link {
		display: block;
		line-height: 1;
		font-size: inherit;
	}

	%menu__link {
		@include style-link {
			text-decoration: none;
			color: inherit;
		}
	}
}

%nav--horizontal {

	%menu__item {
		position: relative;
		float: left;
	}

	%menu__link {
		padding: {
			right: 0.5em;
			left: 0.5em;
		}
	}
}

%nav--vertical {

	%menu,
	%menu__item {
		float: none !important;
	}

	%menu__item,
	%menu__link {
		display: block;
	}
}

%nav--block {

	%menu__link {
		padding: {
			top: 0.5em;
			bottom: 0.5em;
		}
	}
}

%nav--text {

	%menu {
		padding: {
			top: 0.5em;
			bottom: 0.5em;
		}
	}

	%menu__link {
		@include hover-focus-active {
			text-decoration: underline;
		}
	}
}

%nav--collapsible {

	%menu {
		@include nav-mobile-only {
			clear: left;
			transition: max-height 0.25s ease-in-out;
			max-height: 0;
			overflow: hidden;

			&[aria-expanded="true"] {
				max-height: none;
			}
		}

		@include nav-desktop-only {
			float: left;
			clear: none;
			max-height: none !important;
		}
	}

	%menu__link {

		// 1. Line the left edge of the menu items up with the left edge of the
		//    toggle button icon.
		@include nav-mobile-only {
			padding: {
				right: 0.5rem; // 1
				left: 0.5rem; // 1
			}
		}
	}

	%has-children {

		// 1. Leave room for the sub-menu icon.
		@include nav-mobile-only {
			width: 75%; // 1
			width: calc( 100% - 3em ); // 1
		}
	}
}

%nav-bar {
	@extend %nav--horizontal;
	@extend %nav--block;
	@extend %nav--collapsible;

	position: relative;

	$color-nav-dropdown: contrast-color( $background-color-nav-dropdown );

	%menu {
		@include nav-mobile-only {
			position: absolute;
			right: 0;
			left: 0;
			box-shadow: rgba( 0, 0, 0, 0.6 ) 0 15px 30px;
			background-color: $background-color-nav-dropdown;
			color: $color-nav-dropdown;

			> %menu__item:first-child {
				border-top: 0;
			}
		}
	}

	%menu__item {
		@include nav-mobile-only {
			float: none;<commit_msg>BLRBT-12: Fix sub-menu toggle icons<commit_after>%nav {
	@include susy-clearfix;
	@include z-index( 'nav' );

	display: block;
	font-size: $font-size-nav;

	%menu {
		@include susy-clearfix;
		@include list-unstyled;
		@include z-index( 'nav-menu' );

		display: block;
	}

	%menu__item,
	%menu__link {
		display: block;
		line-height: 1;
		font-size: inherit;
	}

	%menu__link {
		@include style-link {
			text-decoration: none;
			color: inherit;
		}
	}
}

%nav--horizontal {

	%menu__item {
		position: relative;
		float: left;
	}

	%menu__link {
		padding: {
			right: 0.5em;
			left: 0.5em;
		}
	}
}

%nav--vertical {

	%menu,
	%menu__item {
		float: none !important;
	}

	%menu__item,
	%menu__link {
		display: block;
	}
}

%nav--block {

	%menu__link {
		padding: {
			top: 0.5em;
			bottom: 0.5em;
		}
	}
}

%nav--text {

	%menu {
		padding: {
			top: 0.5em;
			bottom: 0.5em;
		}
	}

	%menu__link {
		@include hover-focus-active {
			text-decoration: underline;
		}
	}
}

%nav--collapsible {

	%menu {
		@include nav-mobile-only {
			clear: left;
			transition: max-height 0.25s ease-in-out;
			max-height: 0;
			overflow: hidden;

			&[aria-expanded="true"] {
				max-height: none;
			}
		}

		@include nav-desktop-only {
			float: left;
			clear: none;
			max-height: none !important;
		}
	}

	%menu__link {

		// 1. Line the left edge of the menu items up with the left edge of the
		//    toggle button icon.
		@include nav-mobile-only {
			padding: {
				right: 0.5rem; // 1
				left: 0.5rem; // 1
			}
		}
	}
}

%nav-bar {
	@extend %nav--horizontal;
	@extend %nav--block;
	@extend %nav--collapsible;

	position: relative;

	$color-nav-dropdown: contrast-color( $background-color-nav-dropdown );

	%menu {
		@include nav-mobile-only {
			position: absolute;
			right: 0;
			left: 0;
			box-shadow: rgba( 0, 0, 0, 0.6 ) 0 15px 30px;
			background-color: $background-color-nav-dropdown;
			color: $color-nav-dropdown;

			> %menu__item:first-child {
				border-top: 0;
			}
		}
	}

	%menu__item {
		@include nav-mobile-only {
			float: none;
{'fraction_non_alphanumeric': 0.15769593956562794, 'fraction_numerical': 0.020066100094428708, 'mean_word_length': 2.5337781484570474, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '2494067', 'n_tokens_mistral': 2051, 'n_tokens_neox': 1719, 'n_words': 367}