<commit_before>/*
 * Demyo: Layout
 */
 
 
#header-quicksearch {
	.dico {
		vertical-align: middle;
	}
}

#menu-quicksearch {
	padding: 0 16px;
	
	.mdl-textfield__input {
		display: inline;
		width: auto;
		max-width: 170px;
	}
	.dico {
		font-size: 1.4em;
		vertical-align: middle;
	}
}

/* Override to have a menu a bit larger */
@media (min-width: 350px) {
	.mdl-layout__drawer {
		width: 320px;
		transform: translateX(-330px);
	}
}

#main-menu .mdl-navigation__link, #menu-quick-tasks a {
	&:hover {
		color: @color-text;
		text-decoration: none;
	}
	
	> .dico, > .dico-stack {
		font-size: 200%;
		vertical-align: bottom;
		margin-right: 0.25em;
	}
}

.dem-app-menu {
	&__title {
		padding: 16px 20px;
		
		&[data-dem-collapses] {
			cursor: pointer;
			
			&:hover {
				background: #e0e0e0;
			}
			
			&::before {
				.mix-dico();
				font-size: 200%;
				content: @dico-arrow_down;
				float: right;
				transition: 0.3s;
			}
			&.dem-collapsed::before {
				transform: rotate(-180deg);	
			}
		}
	}
}

#page-content {
	position: relative; /* We will align the quick tasks on that */
	padding: 0.5em;
}

.dem-fabs {
	position: fixed;
	bottom: 16px;
	right: 32px;
	z-index: 4; /* Must remain below the MDL obfuscator, to be hidden by the menu when it is active */
	display: block;
	max-width: 60px;
	text-align: right;
	&__button {
		margin-top: 1em;
		display: block;
		.dico { // Copied from MDL
			position: absolute;
		    top: 50%;
		    left: 50%;
	        transform: translate(-12px, -12px);
		    line-height: 24px;
		    width: 24px;<commit_msg>Flush the footer to the end of the page again, even if the page is not long enough.<commit_after>/*
 * Demyo: Layout
 */
 
 
#header-quicksearch {
	.dico {
		vertical-align: middle;
	}
}

#menu-quicksearch {
	padding: 0 16px;
	
	.mdl-textfield__input {
		display: inline;
		width: auto;
		max-width: 170px;
	}
	.dico {
		font-size: 1.4em;
		vertical-align: middle;
	}
}

/* Override to have a menu a bit larger */
@media (min-width: 350px) {
	.mdl-layout__drawer {
		width: 320px;
		transform: translateX(-330px);
	}
}

#main-menu .mdl-navigation__link, #menu-quick-tasks a {
	&:hover {
		color: @color-text;
		text-decoration: none;
	}
	
	> .dico, > .dico-stack {
		font-size: 200%;
		vertical-align: bottom;
		margin-right: 0.25em;
	}
}

.dem-app-menu {
	&__title {
		padding: 16px 20px;
		
		&[data-dem-collapses] {
			cursor: pointer;
			
			&:hover {
				background: #e0e0e0;
			}
			
			&::before {
				.mix-dico();
				font-size: 200%;
				content: @dico-arrow_down;
				float: right;
				transition: 0.3s;
			}
			&.dem-collapsed::before {
				transform: rotate(-180deg);	
			}
		}
	}
}

/* Override to flush the footer */
main.mdl-layout__content {
	display: flex;
	flex-flow: column nowrap;
	
	#page-content {
		flex: 1;
	}
}

#page-content {
	position: relative; /* We will align the quick tasks on that */
	padding: 0.5em;
}

.dem-fabs {
	position: fixed;
	bottom: 16px;
	right: 32px;
	z-index: 4; /* Must remain below the MDL obfuscator, to be hidden by the menu when it is active */
	display: block;
	max-width: 60px;
	text-align: right;
	&__button {
		margin-top: 1em;
		display: block;
		.dico { // Copied from MDL
			position: absolute;
		    top: 50%;
		    left: 50%;
	        transform: translate(-12px, -12px);
		    line-height: 24px;
		    width: 24px;
{'fraction_non_alphanumeric': 0.1488469601677149, 'fraction_numerical': 0.03623839472896077, 'mean_word_length': 2.630434782608696, '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': '13431', 'n_tokens_mistral': 1590, 'n_tokens_neox': 1316, 'n_words': 322}