<commit_before>/*
  Appearance factorization
*/

.calendar-dayeventcell,
.calendar-eventcell {
	--opacity: 1;
}

.calendar-dayeventcell-inner,
.calendar-eventcell {
	border: solid rgb(0 0 0 / 0.2);
	border-block-start-width: 1px;
	border-block-end-width: 1px;
	border-inline-start-width: 5px;
	border-inline-end-width: 1px;

	padding: 0.125em 0.25em;
	border-radius: var(--border-radius-medium);
	background-color: var(--background-strong);
	color: var(--text-norm);
	line-height: 1.25;
	cursor: pointer;
	opacity: var(--opacity);
	transition: all 0.1s ease-out, opacity 0.5s ease-out, background-color 0.15s ease-in-out;
	animation: loadingEvent 1s easing(easeInQuint) infinite alternate;

	& > * {
		transition: opacity 0.1s ease-out;
	}

	&.isHidden {
		z-index: 4;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	&.isLoaded {
		border-color: var(--color-alt);
		background-color: var(--color-main);
		color: var(--foreground);
		animation: none;
	}

	&.isDeclined,
	&.isCancelled {
		border-color: var(--color-alt);
		background-color: var(--background-norm);
		color: inherit;
		text-decoration: line-through;
	}

	&.isUnanswered {
		border-color: var(--color-alpha);
		border-inline-start-color: var(--color-alt);
		background-color: var(--background-norm);
		background-image: linear-gradient(
			105deg,
			transparent 38%,
			var(--color-alpha) 42%,
			var(--color-alpha) 48%,
			transparent 52%,
			transparent 88%,
			var(--color-alpha) 92%,
			var(--color-alpha) 100%
		);
		background-size: 5.18px 19.32px;
		color: currentColor;
	}

	&.isPast {
		border-color: rgb(0 0 0 / 0.1);
		border-inline-start-color: var(--color-alt);
		background: var(--background-strong);
		color: inherit;

		&:not(.isSelected) > * {
			opacity: 0.5;
		}
	}

	&.isSelected {
		z-index: 6;
		border-color: rgb(0 0 0 / 0.4);
		box-shadow: var(--shadow-norm);

		&.isPast,
		&.isDeclined,
		&.isCancelled,
		&.isUnanswered {
			border-inline-start-color: var(--color-alt);
		}
	}
}

@keyframes loadingEvent {
	from {
		opacity: var(--opacity);
	}
	to {
		opacity: calc(var(--opacity) - 0.4);
	}
}

/*
  Full day event
*/

.calendar-dayeventcell {
	block-size: var(--height);
	padding-inline-end: $calendar-gridcell-margin;
	padding-block-start: $calendar-gridcell-gutter;
	white-space: nowrap;

	&-inner {
		position: relative;
		min-block-size: 100%;
		padding-block: 0;
		padding-inline: 0.5em;

		&.isNotAllDay {
			border: none;

			&.isPast,
			&:not(.isUnanswered) {
				background: none;
				color: inherit;
			}

			&:hover,
			&:focus {
				background-color: var(--interaction-default-hover);
			}

			&:active {
				background-color: var(--interaction-default-active);
			}
		}
	}

	&.isOutsideStart &-inner {
		padding-inline-start: 0;
	}

	&.isOutsideEnd,
	&.isOutsideEnd &-inner {
		padding-inline-end: 0;
	}

	&-circle {
		color: var(--background-strong);
	}

	&-inner.isLoaded &-circle {
		margin-block-start: 0.125em;
		color: var(--color-main);
	}

	&-time {
		margin-inline-end: 0.25em;
	}

	&-title {
		font-weight: 500;
	}
}

/*
  Part day event
*/

.calendar-eventcell {
	position: absolute;
	z-index: 5;

	&-title {
		/* stylelint-disable-next-line */
		display: -webkit-box;
		/* stylelint-disable-next-line */
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: max(calc(var(--line-number) - 1), 1);
		font-weight: 500;
	}

	@include respond-to($breakpoint-small) {
		&-title,
		&-timestring {
			font-size: rem(12);
		}
	}
}
<commit_msg>Add word break in case of very long words<commit_after>/*
  Appearance factorization
*/

.calendar-dayeventcell,
.calendar-eventcell {
	--opacity: 1;
}

.calendar-dayeventcell-inner,
.calendar-eventcell {
	border: solid rgb(0 0 0 / 0.2);
	border-block-start-width: 1px;
	border-block-end-width: 1px;
	border-inline-start-width: 5px;
	border-inline-end-width: 1px;

	padding: 0.125em 0.25em;
	border-radius: var(--border-radius-medium);
	background-color: var(--background-strong);
	color: var(--text-norm);
	line-height: 1.25;
	cursor: pointer;
	opacity: var(--opacity);
	transition: all 0.1s ease-out, opacity 0.5s ease-out, background-color 0.15s ease-in-out;
	animation: loadingEvent 1s easing(easeInQuint) infinite alternate;

	& > * {
		transition: opacity 0.1s ease-out;
	}

	&.isHidden {
		z-index: 4;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	&.isLoaded {
		border-color: var(--color-alt);
		background-color: var(--color-main);
		color: var(--foreground);
		animation: none;
	}

	&.isDeclined,
	&.isCancelled {
		border-color: var(--color-alt);
		background-color: var(--background-norm);
		color: inherit;
		text-decoration: line-through;
	}

	&.isUnanswered {
		border-color: var(--color-alpha);
		border-inline-start-color: var(--color-alt);
		background-color: var(--background-norm);
		background-image: linear-gradient(
			105deg,
			transparent 38%,
			var(--color-alpha) 42%,
			var(--color-alpha) 48%,
			transparent 52%,
			transparent 88%,
			var(--color-alpha) 92%,
			var(--color-alpha) 100%
		);
		background-size: 5.18px 19.32px;
		color: currentColor;
	}

	&.isPast {
		border-color: rgb(0 0 0 / 0.1);
		border-inline-start-color: var(--color-alt);
		background: var(--background-strong);
		color: inherit;

		&:not(.isSelected) > * {
			opacity: 0.5;
		}
	}

	&.isSelected {
		z-index: 6;
		border-color: rgb(0 0 0 / 0.4);
		box-shadow: var(--shadow-norm);

		&.isPast,
		&.isDeclined,
		&.isCancelled,
		&.isUnanswered {
			border-inline-start-color: var(--color-alt);
		}
	}
}

@keyframes loadingEvent {
	from {
		opacity: var(--opacity);
	}
	to {
		opacity: calc(var(--opacity) - 0.4);
	}
}

/*
  Full day event
*/

.calendar-dayeventcell {
	block-size: var(--height);
	padding-inline-end: $calendar-gridcell-margin;
	padding-block-start: $calendar-gridcell-gutter;
	white-space: nowrap;

	&-inner {
		position: relative;
		min-block-size: 100%;
		padding-block: 0;
		padding-inline: 0.5em;

		&.isNotAllDay {
			border: none;

			&.isPast,
			&:not(.isUnanswered) {
				background: none;
				color: inherit;
			}

			&:hover,
			&:focus {
				background-color: var(--interaction-default-hover);
			}

			&:active {
				background-color: var(--interaction-default-active);
			}
		}
	}

	&.isOutsideStart &-inner {
		padding-inline-start: 0;
	}

	&.isOutsideEnd,
	&.isOutsideEnd &-inner {
		padding-inline-end: 0;
	}

	&-circle {
		color: var(--background-strong);
	}

	&-inner.isLoaded &-circle {
		margin-block-start: 0.125em;
		color: var(--color-main);
	}

	&-time {
		margin-inline-end: 0.25em;
	}

	&-title {
		font-weight: 500;
	}
}

/*
  Part day event
*/

.calendar-eventcell {
	position: absolute;
	z-index: 5;

	&-title {
		/* stylelint-disable-next-line */
		display: -webkit-box;
		/* stylelint-disable-next-line */
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: max(calc(var(--line-number) - 1), 1);
		font-weight: 500;
		word-break: break-word;
	}

	@include respond-to($breakpoint-small) {
		&-title,
		&-timestring {
			font-size: rem(12);
		}
	}
}

{'fraction_non_alphanumeric': 0.17799260733579755, 'fraction_numerical': 0.02786465737844754, 'mean_word_length': 3.036144578313253, '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': '671448', 'n_tokens_mistral': 3232, 'n_tokens_neox': 2746, 'n_words': 500}