<commit_before>$menu-desktop-margin-x: 48px;
$menu-desktop-height: 70px;

@mixin menu-navbar-desktop($logo, $decocolor1, $decocolor2, $top-item-color) {
	display: none;

	@include on-desktop {
		display: flex;
		flex-direction: row;
		height: $menu-desktop-height;
		margin: 0px $menu-desktop-margin-x 100px $menu-desktop-margin-x;
		padding: 0px 40px;
        position: relative;
	}
	.menu-logo {
		width: 221.4px;
		height: 35.5px;
		background: $logo center no-repeat;
	}
	.menu {
		@include container(100%);
		@include menu($top-item-color, $top-item-color);

		$menu-item-spacing: 25px;
		$menu-item-height: $menu-desktop-height / 2;

		display: inline-block;
		height: $menu-item-height;

		> li {
			display: flex;
			flex-direction: column;
			align-items: center;
			float: left;
			padding: 0 $menu-item-spacing / 2;

			#{$menu-item-types} {
				width: 100%;
				// TODO: This only works for single-line text, and is a hack anyway
				// because we're relying on the half-logo/half-item nature of the
				// menubar. Real vertical centering would require additional markup.
				// The minus 1px is the bottom border decoration.
				line-height: $menu-item-height - 1px;
				font-weight: normal;
				color: $jinger-bread;
				&::after {
					content: '';
					display: block;
					width: 0;
					height: 1px;
					margin: 0px auto auto auto;
					background: linear-gradient(119deg, $decocolor1, $decocolor2);
					transition: width 0.25s ease-in-out;
				}

				&:hover::after {
					width: 100%;
				}
			}

			> input:checked ~ .dropdown > .submenu {
				opacity: 1;
				transform: scaleY(1);
			}

			// This requires the input to be *before* the label element in markup.
			> input:checked ~ label::after {
				width: 100%;
			}

            &.dashboard-item {
                position: absolute;
                right: 0;
                padding-right: 0;

                a {
                    font-family: "Quicksand";
                    text-transform: uppercase;

                    line-height: 1;
                    border: 1px solid $jinger-bread;
                    border-radius: 7px;
                    padding: 4px 6px;

                    transition: background 100ms linear, border 100ms linear;

                    &:hover {
                        background-color: $salmon;
                        border-color: transparent;
                    }
                }

                > a, > label {
                    &::after {
                        display: none;
                    }
                }
            }
		}

		.dropdown {
			min-width: 100%;
			min-height: 40px;	// Arbitrary; enough to fill gap under menu item.<commit_msg>Fix my pycon position bug<commit_after>$menu-desktop-margin-x: 48px;
$menu-desktop-height: 70px;

@mixin menu-navbar-desktop($logo, $decocolor1, $decocolor2, $top-item-color) {
	display: none;

	@include on-desktop {
		display: flex;
		flex-direction: row;
		height: $menu-desktop-height;
		margin: 0px $menu-desktop-margin-x 100px $menu-desktop-margin-x;
		padding: 0px 40px;
        position: relative;
	}
	.menu-logo {
		width: 221.4px;
		height: 35.5px;
		background: $logo center no-repeat;
	}
	.menu {
		@include container(100%);
		@include menu($top-item-color, $top-item-color);

		$menu-item-spacing: 25px;
		$menu-item-height: $menu-desktop-height / 2;

		display: inline-block;
		height: $menu-item-height;

		> li {
			display: flex;
			flex-direction: column;
			align-items: center;
			float: left;
			padding: 0 $menu-item-spacing / 2;

			#{$menu-item-types} {
				width: 100%;
				// TODO: This only works for single-line text, and is a hack anyway
				// because we're relying on the half-logo/half-item nature of the
				// menubar. Real vertical centering would require additional markup.
				// The minus 1px is the bottom border decoration.
				line-height: $menu-item-height - 1px;
				font-weight: normal;
				color: $jinger-bread;
				&::after {
					content: '';
					display: block;
					width: 0;
					height: 1px;
					margin: 0px auto auto auto;
					background: linear-gradient(119deg, $decocolor1, $decocolor2);
					transition: width 0.25s ease-in-out;
				}

				&:hover::after {
					width: 100%;
				}
			}

			> input:checked ~ .dropdown > .submenu {
				opacity: 1;
				transform: scaleY(1);
			}

			// This requires the input to be *before* the label element in markup.
			> input:checked ~ label::after {
				width: 100%;
			}

            &.dashboard-item {
                position: absolute;
                right: 0;

                a {
                    font-family: "Quicksand";
                    text-transform: uppercase;

                    line-height: 1;
                    border: 1px solid $jinger-bread;
                    border-radius: 7px;
                    padding: 4px 6px;

                    transition: background 100ms linear, border 100ms linear;

                    &:hover {
                        background-color: $salmon;
                        border-color: transparent;
                    }
                }

                > a, > label {
                    &::after {
                        display: none;
                    }
                }
            }
		}

		.dropdown {
			min-width: 100%;
			min-height: 40px;	// Arbitrary; enough to fill gap under menu item.
{'fraction_non_alphanumeric': 0.11807634730538923, 'fraction_numerical': 0.026010479041916168, 'mean_word_length': 1.7326175869120655, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 15, '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': '6265113', 'n_tokens_mistral': 2079, 'n_tokens_neox': 1602, 'n_words': 427}