<commit_before>//
// Modals
// --------------------------------------------------

// .modal-open      - body class for killing the scroll
// .modal           - container to scroll within
// .modal-dialog    - positioning shell for the actual modal
// .modal-content   - actual modal w/ bg and corners and shit


// Container that the modal scrolls within
.modal {
	.fill-fixed();
	overflow: auto;
	overflow-y: scroll;
	z-index: @zindex-modal-background;

	// When fading in the modal, animate it to slide down
	&.fade .modal-dialog {
	  .translate(0, -25%);
	  .transition-transform(~"0.3s ease-out");
	}
	&.in .modal-dialog { .translate(0, 0)}
}

// Shell div to position the modal with bottom padding
.modal-dialog {
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: auto;
	z-index: (@zindex-modal-background + 10);
}

// Sizes
@media (min-width: @screen-sm) {
	.modal-sm > .modal-dialog { width: 480px; }
	.modal-md > .modal-dialog { width: 640px; }
	.modal-lg > .modal-dialog { width: 960px; }
}

// Actual modal
.modal-content {
	background-color: @modal-content-bg;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 1px 0 rgba(0,0,0,.1), 0 3px 15px -1px rgba(0,0,0,.15);
	outline: none; // remove focus outline from opened modal
	position: relative;
}

// Modal background
.modal-backdrop {
	.fill-fixed();
	background-color: white;
	opacity: .75;
	z-index: (@zindex-modal-background - 10);
}




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

// common
.modal-header,
.modal-body,
.modal-footer {
	padding: (@grid-gutter-width / 2);
	position: relative;
}

// header
.modal-header {
	box-shadow: 0 1px 0 rgba(0,0,0,.1);
}
.modal-title {
	color: @gray-light;
	font-weight: 500;
	// line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

// close button
.modal-close {
	.transition(opacity 200ms);
	// dechrome
	background: none;
	border: none;
	line-height: 1;
	margin: 0;
	padding: 0;
	
	// style and position
	opacity: .4;
	font-size: 1.25em;
	padding: 15px;
	position: absolute;
	right: 0;
	top: 0;

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

	&:hover,
	&:focus {
		opacity: 1;
	}
}

// body
.modal-body {
	> .field {
		&:first-child {
			margin-top: 0;
		}
	}
}

// footer
.modal-footer {
	box-shadow: 0 -1px 0 rgba(0,0,0,.1);
}




// Fields
// ------------------------------

.modal .field-label { width: 25%; }
.modal .field-size-large { width: 75%; }









<commit_msg>force align field elements in modal<commit_after>//
// Modals
// --------------------------------------------------

// .modal-open      - body class for killing the scroll
// .modal           - container to scroll within
// .modal-dialog    - positioning shell for the actual modal
// .modal-content   - actual modal w/ bg and corners and shit


// Container that the modal scrolls within
.modal {
	.fill-fixed();
	overflow: auto;
	overflow-y: scroll;
	z-index: @zindex-modal-background;

	// When fading in the modal, animate it to slide down
	&.fade .modal-dialog {
	  .translate(0, -25%);
	  .transition-transform(~"0.3s ease-out");
	}
	&.in .modal-dialog { .translate(0, 0)}
}

// Shell div to position the modal with bottom padding
.modal-dialog {
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: auto;
	z-index: (@zindex-modal-background + 10);
}

// Sizes
@media (min-width: @screen-sm) {
	.modal-sm > .modal-dialog { width: 480px; }
	.modal-md > .modal-dialog { width: 640px; }
	.modal-lg > .modal-dialog { width: 960px; }
}

// Actual modal
.modal-content {
	background-color: @modal-content-bg;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 1px 0 rgba(0,0,0,.1), 0 3px 15px -1px rgba(0,0,0,.15);
	outline: none; // remove focus outline from opened modal
	position: relative;
}

// Modal background
.modal-backdrop {
	.fill-fixed();
	background-color: white;
	opacity: .75;
	z-index: (@zindex-modal-background - 10);
}




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

// common
.modal-header,
.modal-body,
.modal-footer {
	padding: (@grid-gutter-width / 2);
	position: relative;
}

// header
.modal-header {
	box-shadow: 0 1px 0 rgba(0,0,0,.1);
}
.modal-title {
	color: @gray-light;
	font-weight: 500;
	// line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

// close button
.modal-close {
	.transition(opacity 200ms);
	// dechrome
	background: none;
	border: none;
	line-height: 1;
	margin: 0;
	padding: 0;
	
	// style and position
	opacity: .4;
	font-size: 1.25em;
	padding: 15px;
	position: absolute;
	right: 0;
	top: 0;

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

	&:hover,
	&:focus {
		opacity: 1;
	}
}

// body
.modal-body {
	> .field {
		&:first-child {
			margin-top: 0;
		}
	}
}

// footer
.modal-footer {
	box-shadow: 0 -1px 0 rgba(0,0,0,.1);
}




// Fields
// ------------------------------

.modal {
	// aligning elements
	.field-label { width: 25%; }
	.field-ui    { width: 75%; }

	// location fields need some extra wrangling
	.field-type-location > .field-ui { width: 100%; }
	.location-field-label    { width: 25%; }
	.location-field-controls { width: 75%; }

	// hide the linked item link as it overflows outside the modal
	.btn-goto-linked-item {
		display: none;
	}

	// offset some notes
	.field-note-wrapper {
		margin: 0 0 0 25%;
		width: auto;
	}
}










{'fraction_non_alphanumeric': 0.20327058376117133, 'fraction_numerical': 0.037649743297204795, 'mean_word_length': 2.343928798474253, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 12, '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': '5375189', 'n_tokens_mistral': 2141, 'n_tokens_neox': 1924, 'n_words': 517}