<commit_before>@import "base";

body {
	background-color: $default-background-color;
}


div#main-container{
	width: 100%;
	width: 100%;
	text-align: center;
}

div#content-container{
	display:inline-block;

	h2#title {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}

ul#posts-list {
	padding-left: 0;
	list-style-type: none;

	li.post {
		$font-size: 15pt;
		$fade-time: 100ms;
		$slide-time: 250ms;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		height: $font-size + 3pt;
		font-size: $font-size;
		opacity: 1;
		transition-property: opacity, visibility, height;
		transition-duration: $fade-time, $fade-time, $slide-time;

		span.buttons {
			display: inline-block;
			height: $font-size + 3pt;
			float: right;
			color: #000;

			a {
				text-decoration: none;
				color: #000;
			}
		}

		a.button.edit {
			margin-left: 80px;
		}

		a.button.edit:hover {
			color: #3533FF;
		}

		a.button.delete:hover {
			color: #FF3533;

		}

		a.post-title {
			text-decoration: none;
			color: #000;
		}

		a.post-title:hover {
			text-decoration: underline;
			color: #000;
		}
	}

	li.post.deleting {
		opacity: 0;
		height: 0;
		visibility: hidden;
	}

	li.post.deleting > * {
		height: 0 !important;
	}
}

div#deleteModal > div.modal-buttons{
	$initial-opacity: .8;
	$initial-scale: .95;
	$button-width: 80px;
	$button-height: 34px;
	$spinner-radius: $button-height;
	$spinner-width: $button-width;
	$spinner-height: $button-height;
	$disable-duration: 350ms;

	button.positive.working:before {
		position: fixed;
		bottom: 20px;
		right: 20px;
		background-color: white;
		content:"";
		display: block;
		width: $spinner-width;
		height: $spinner-height;
		transform: scale($spinner-height / $spinner-width * $initial-scale, $initial-scale);
		border-radius: 100%;
		opacity: $initial-opacity;
		animation: ripple 1.25s cubic-bezier(0, 1.69, 0.7,-0.44) infinite;
	}

	@keyframes ripple {
		0% {
			opacity: $initial-opacity;
			transform: scale($spinner-height / $spinner-width * $initial-scale, $initial-scale);
		}
		100% {
			 opacity: 0;
			 transform: scale(1);
			 border-radius: 5px;
		}
	}

	button.positive {
		width: $button-width;
		height: $button-height;
		color: white;
		background-color: #EA3C3C;

	}

	span.can-not {
		font-weight: 500;
	}
}
<commit_msg>Implement modal spinner mixin to manage_posts<commit_after>@import "base";

body {
	background-color: $default-background-color;
}


div#main-container{
	width: 100%;
	width: 100%;
	text-align: center;
}

div#content-container{
	display:inline-block;

	h2#title {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}

ul#posts-list {
	padding-left: 0;
	list-style-type: none;

	li.post {
		$font-size: 15pt;
		$fade-time: 100ms;
		$slide-time: 250ms;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		height: $font-size + 3pt;
		font-size: $font-size;
		opacity: 1;
		transition-property: opacity, visibility, height;
		transition-duration: $fade-time, $fade-time, $slide-time;

		span.buttons {
			display: inline-block;
			height: $font-size + 3pt;
			float: right;
			color: #000;

			a {
				text-decoration: none;
				color: #000;
			}
		}

		a.button.edit {
			margin-left: 80px;
		}

		a.button.edit:hover {
			color: #3533FF;
		}

		a.button.delete:hover {
			color: #FF3533;

		}

		a.post-title {
			text-decoration: none;
			color: #000;
		}

		a.post-title:hover {
			text-decoration: underline;
			color: #000;
		}
	}

	li.post.deleting {
		opacity: 0;
		height: 0;
		visibility: hidden;
	}

	li.post.deleting > * {
		height: 0 !important;
	}
}

div#deleteModal > div.modal-buttons{
	$button-width: 80px;
	$button-height: 34px;

	button.positive {
		width: $button-width;
		height: $button-height;
	}

	button.positive.working:before {
		@include modal-spinner($spinner-height: $button-height, $spinner-width: $button-width)
	}

	button.positive {
		width: $button-width;
		height: $button-height;
		color: white;
		background-color: #EA3C3C;

	}

	span.can-not {
		font-weight: 500;
	}
}

{'fraction_non_alphanumeric': 0.15665925376822337, 'fraction_numerical': 0.0340993328391401, 'mean_word_length': 3.199170124481328, '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': '3286067', 'n_tokens_mistral': 1916, 'n_tokens_neox': 1589, 'n_words': 311}