<commit_before>/*------------------------------------*\
    #SGG NAVIGATION
\*------------------------------------*/

.sgg-nav {
	&__list {
		display: none;
		height: 100vh;
		padding: 0.5em;
		min-width:10em;
		
		&__item {
			
			&:hover, &:focus {
				.sgg-nav__sublist {
					display: block;
					padding: 0.5em;
				}
			}
		}
		
		&--active {
			display: block;
			position: absolute;
			background: $gray-light;
			top: 48px;
			left: 0;
			
			@media all and (min-width: 35em) {
				position: relative;
				top: 0;
			}
		}
		
		@media all and (min-width: 35em) {
			display: block;
		}
	}
	&__sublist {
		display: none;
		background: $gray-light-2;
		height: 100vh;
		position: absolute;
		left: 159px;
		top: 0;
		min-width: 10em;
		
		&:before {
			content: "";
			display: block;
			width: 0; 
			height: 0; 
		    border-bottom: 10px solid transparent;
		    border-top: 10px solid transparent;
		    border-right: 10px solid $gray-light-2;
		    font-size: 0;
		    line-height: 0;
		    position: absolute;
		    top: 9px;
		    left: -10px;
		}<commit_msg>Working on the sgg-nav after positioning. More changes to come<commit_after>/*------------------------------------*\
    #SGG NAVIGATION
\*------------------------------------*/

.sgg-nav {
	&__list {
		display: none;
		height: 100vh;
		padding: 0.5em;
		min-width:10em;
		
		&__item {
			position: relative;
			
			&:hover, &:focus {
				
				&:after {
					border-right-color: $gray-light-2;
				}
				.sgg-nav__sublist {
					display: block;
					padding: 0.5em;
				}
			}
			
			&:after {
				content: "";
				display: block;
				width: 0; 
				height: 0; 
			    border-bottom: 10px solid transparent;
			    border-top: 10px solid transparent;
			    border-right: 10px solid $gray-light;
			    font-size: 0;
			    line-height: 0;
			    position: absolute;
			    top: 0;
			    right: -8px;
			}
		}
		
		&--active {
			display: block;
			position: absolute;
			background: $gray-light;
			top: 48px;
			left: 0;
			
			@media all and (min-width: 35em) {
				position: relative;
				top: 0;
			}
		}
		
		@media all and (min-width: 35em) {
			display: block;
		}
	}
	&__sublist {
		display: none;
		background: $gray-light-2;
		height: 100vh;
		position: absolute;
		left: 152px;
		top: 0;
		min-width: 10em;
{'fraction_non_alphanumeric': 0.1938018332605849, 'fraction_numerical': 0.03535573985159319, 'mean_word_length': 1.7092198581560283, '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': '7123145', 'n_tokens_mistral': 1130, 'n_tokens_neox': 823, 'n_words': 198}