<commit_before>@video-height: 300px;
@video-width: 600px;

@comment-width: 300px;

.video-js {
	float: left;
}

.micro-clearfix {
	&:before, &:after {
		content: "";
		display: table;
	}
	&:after {
		clear:both;
	}
	zoom:1;
}

.wrapper {
	.micro-clearfix;
	width: @video-width + @comment-width;
	height: @video-height;

	margin: 40px auto;
}

.vjs {
	&-niconico-comment-area {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;

		overflow: hidden;
	}

	&-niconico-comment {
		position: absolute;
		display: inline-block;

		height: 20px;
		line-height: 20px;

		font-size: 20px;

		white-space: nowrap;
		pointer-events: none;

		color: white;
	}

	&-commentlist {
		width: @comment-width;
		height: @video-height;

		float: left;

		overflow-y: scroll;
	}

	@comment-height: 20px;

	&-comment {
		width: 100%;
		height: @comment-height;

		font-size: 10px;

		.micro-clearfix;

		background: white;

		&:nth-child(even) {
			background: #EEE;
		}

		& > * {
			height: @comment-height;
			line-height: @comment-height;
			float: left;
			word-break: break-all;
			white-space: nowrap;
			overflow: hidden;
		}

		&-text {
			width: 85%;
		}

		&-time {
			width: 15%;
		}
	}
}
<commit_msg>Fix comment style<commit_after>@video-height: 300px;
@video-width: 600px;

@comment-width: 300px;

.video-js {
	float: left;
}

.micro-clearfix {
	&:before, &:after {
		content: "";
		display: table;
	}
	&:after {
		clear:both;
	}
	zoom:1;
}

.wrapper {
	.micro-clearfix;
	width: @video-width + @comment-width;
	height: @video-height;

	margin: 40px auto;
}

.vjs {
	&-niconico-comment-area {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;

		overflow: hidden;
	}

	&-niconico-comment {
		position: absolute;
		display: inline-block;

		height: 20px;
		line-height: 20px;

		font-size: 20px;

		white-space: nowrap;
		pointer-events: none;

		color: white;
		text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;

		opacity: 0.6;
	}

	&-commentlist {
		width: @comment-width;
		height: @video-height;

		float: left;

		overflow-y: scroll;
	}

	@comment-height: 20px;

	&-comment {
		width: 100%;
		height: @comment-height;

		font-size: 10px;

		.micro-clearfix;

		background: white;

		&:nth-child(even) {
			background: #EEE;
		}

		& > * {
			height: @comment-height;
			line-height: @comment-height;
			float: left;
			word-break: break-all;
			white-space: nowrap;
			overflow: hidden;
		}

		&-text {
			width: 85%;
		}

		&-time {
			width: 15%;
		}
	}
}

{'fraction_non_alphanumeric': 0.16679936305732485, 'fraction_numerical': 0.03503184713375796, 'mean_word_length': 2.8133535660091047, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '2699438', 'n_tokens_mistral': 1269, 'n_tokens_neox': 1030, 'n_words': 219}