<commit_before>//
// Modal
// ==============================

// Inspired by https://github.com/twbs/bootstrap




// Wrapper
// ------------------------------

.Modal {}




// Dialog
// ------------------------------



// shell div to position the modal
.Modal-dialog {
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: @zindex-modal;
}
.Modal-dialog-enter {
	.animation-name( modalDialogEnter );
	.animation-duration( 280ms );
	.animation-timing-function( cubic-bezier(0.680, -0.550, 0.265, 1.550) );
}
.Modal-dialog-leave {
	.animation-duration( 140ms );
	.animation-name( modalDialogLeave );
}


// actual modal

.Modal-content {
	background-color: @modal-bg;
	outline: none; // remove focus outline from opened modal
	position: relative;
}


// sizes

@media (min-width: @screen-sm) {
	.Modal-dialog {
		margin-bottom: 100px;
		margin-top: 100px;
		width: @screen-sm;
	}
	.Modal-content {
		border-radius: @border-radius-base;
		box-shadow: 0 0 0 1px rgba(0,0,0,.175), 0 3px 8px rgba(0,0,0,.175);
	}
}




// Inner
// ------------------------------

// common
.Modal-header,
.Modal-body,
.Modal-footer {
	margin-left: @modal-padding-horizontal;
	margin-right: @modal-padding-horizontal;
	padding-bottom: @modal-padding-vertical;
	padding-top: @modal-padding-vertical;
	position: relative;
}

// header
.Modal-header {
	box-shadow: 0 2px 0 rgba(0,0,0,.05);
	z-index: 1;
}
.Modal-title {
	color: inherit;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	margin: 0;
}

// close button
.Modal-close {
	.transition(opacity 140ms);
	// dechrome
	background: none;
	border: none;
	cursor: pointer;
	line-height: 1ex;
	margin: 0;
	padding: 0;
	
	// style and position
	opacity: .4;
	font-size: 24px;
	padding: @modal-padding-vertical @modal-padding-horizontal;
	position: absolute;
	right: -@modal-padding-horizontal;
	top: 0;

	// add the x
	&::after {
		content: "\00d7";
	}

	&:hover,
	&:focus {
		opacity: 1;
		outline: 0;
	}
	&:active {
		color: @app-danger;
	}
}

// body
.Modal-body {
	margin: 0;
	max-height: 400px;
	overflow-y: scroll;
	padding: @modal-padding-vertical @modal-padding-horizontal;
	-webkit-overflow-scrolling: touch;
}

// footer
.Modal-footer {
	box-shadow: 0 -2px 0 rgba(0,0,0,.05);
	z-index: 1;
}




// Background
// ------------------------------

.Modal-backdrop {
	.animation-duration( 140ms );
	background-color: @modal-backdrop-bg;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: @zindex-modal-backdrop;
}
.Modal-background-enter {
	.animation-name( modalBackdropEnter );
}
.Modal-background-leave {
	.animation-delay( 240ms );
	.animation-name( modalBackdropLeave );
}




// Animation
// --------------------


// modal dialog

@-webkit-keyframes modalDialogEnter {
	from { opacity: 0; -webkit-transform: scale( .8 ); }
	to { opacity: 1; -webkit-transform: scale( 1 ); }
}
@keyframes modalDialogEnter {
	from { opacity: 0; transform: scale( .8 ); }
	to { opacity: 1; transform: scale( 1 ); }
}

@-webkit-keyframes modalDialogLeave {
	from { opacity: 1; -webkit-transform: scale( 1 ); }
	to { opacity: 0; -webkit-transform: scale( .8 ); }
}
@keyframes modalDialogLeave {
	from { opacity: 1; transform: scale( 1 ); }
	to { opacity: 0; transform: scale( .8 ); }
}


// modal backdrop

@-webkit-keyframes modalBackdropEnter {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes modalBackdropEnter {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes modalBackdropLeave {
	from { opacity: 1; }
	to { opacity: 0; }
}
@keyframes modalBackdropLeave {
	from { opacity: 1; }
	to { opacity: 0; }
}









<commit_msg>modal fix: overflow<commit_after>//
// Modal
// ==============================

// Inspired by https://github.com/twbs/bootstrap




// Wrapper
// ------------------------------

.Modal {}




// Dialog
// ------------------------------



// shell div to position the modal
.Modal-dialog {
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: @zindex-modal;
}
.Modal-dialog-enter {
	.animation-name( modalDialogEnter );
	.animation-duration( 280ms );
	.animation-timing-function( cubic-bezier(0.680, -0.550, 0.265, 1.550) );
}
.Modal-dialog-leave {
	.animation-duration( 140ms );
	.animation-name( modalDialogLeave );
}


// actual modal

.Modal-content {
	background-color: @modal-bg;
	outline: none; // remove focus outline from opened modal
	position: relative;
}


// sizes

@media (min-width: @screen-sm) {
	.Modal-dialog {
		margin-bottom: 100px;
		margin-top: 100px;
		width: @screen-sm;
	}
	.Modal-content {
		border-radius: @border-radius-base;
		box-shadow: 0 0 0 1px rgba(0,0,0,.175), 0 3px 8px rgba(0,0,0,.175);
	}
}




// Inner
// ------------------------------

// common
.Modal-header,
.Modal-body,
.Modal-footer {
	margin-left: @modal-padding-horizontal;
	margin-right: @modal-padding-horizontal;
	padding-bottom: @modal-padding-vertical;
	padding-top: @modal-padding-vertical;
	position: relative;
}

// header
.Modal-header {
	box-shadow: 0 2px 0 rgba(0,0,0,.05);
	z-index: 1;
}
.Modal-title {
	color: inherit;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	margin: 0;
}

// close button
.Modal-close {
	.transition(opacity 140ms);
	// dechrome
	background: none;
	border: none;
	cursor: pointer;
	line-height: 1ex;
	margin: 0;
	padding: 0;
	
	// style and position
	opacity: .4;
	font-size: 24px;
	padding: @modal-padding-vertical @modal-padding-horizontal;
	position: absolute;
	right: -@modal-padding-horizontal;
	top: 0;

	// add the x
	&::after {
		content: "\00d7";
	}

	&:hover,
	&:focus {
		opacity: 1;
		outline: 0;
	}
	&:active {
		color: @app-danger;
	}
}

// body
.Modal-body {
	margin: 0;
	max-height: 400px;
	overflow: scroll;
	padding: @modal-padding-vertical @modal-padding-horizontal;
	-webkit-overflow-scrolling: touch;
}

// footer
.Modal-footer {
	box-shadow: 0 -2px 0 rgba(0,0,0,.05);
	z-index: 1;
}




// Background
// ------------------------------

.Modal-backdrop {
	.animation-duration( 140ms );
	background-color: @modal-backdrop-bg;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: @zindex-modal-backdrop;
}
.Modal-background-enter {
	.animation-name( modalBackdropEnter );
}
.Modal-background-leave {
	.animation-delay( 240ms );
	.animation-name( modalBackdropLeave );
}




// Animation
// --------------------


// modal dialog

@-webkit-keyframes modalDialogEnter {
	from { opacity: 0; -webkit-transform: scale( .8 ); }
	to { opacity: 1; -webkit-transform: scale( 1 ); }
}
@keyframes modalDialogEnter {
	from { opacity: 0; transform: scale( .8 ); }
	to { opacity: 1; transform: scale( 1 ); }
}

@-webkit-keyframes modalDialogLeave {
	from { opacity: 1; -webkit-transform: scale( 1 ); }
	to { opacity: 0; -webkit-transform: scale( .8 ); }
}
@keyframes modalDialogLeave {
	from { opacity: 1; transform: scale( 1 ); }
	to { opacity: 0; transform: scale( .8 ); }
}


// modal backdrop

@-webkit-keyframes modalBackdropEnter {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes modalBackdropEnter {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes modalBackdropLeave {
	from { opacity: 1; }
	to { opacity: 0; }
}
@keyframes modalBackdropLeave {
	from { opacity: 1; }
	to { opacity: 0; }
}










{'fraction_non_alphanumeric': 0.20650095602294455, 'fraction_numerical': 0.036875170718382956, 'mean_word_length': 2.794300518134715, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '7190097', 'n_tokens_mistral': 2988, 'n_tokens_neox': 2659, 'n_words': 622}