<commit_before>/* DataListSample */

.g-sample-datalist {
// Common classes

.g-sample-panel {
	background-color: #000000;

	position: relative;
	overflow: hidden;
}
@media all and (max-width: 799px) {
	.g-sample-header {
		display: none;
	}
	.g-sample-panel {
		background-color: #000000;

		position: static;
		overflow: visible;
	}
}

// Sample specific classes

.g-sample-datalist-footer {
	border-top: 3px solid #202328;
}
.g-sample-datalist-footer .g-button {
	position: static; // to reduce composite layer
}
.g-sample-datalist-footer > .g-button {
	width: 122px;
	height: 60px;
	margin: 10px 99px 9px;
}
.g-sample-datalist-item {
	background: #000000;

	height: 134px;

	cursor: pointer;
}
.g-sample-datalist-item > .g-item-client {
	background: #000000;

	width: 320px; // should be 320px
	height: 81px;
	padding: 26px 0 27px 0;
	overflow: hidden;

	transform: scale3d(1, 1, 1);
}
.g-sample-datalist-item-icon {
	background-color: #000000;

	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	margin: 11px 0 11px 38px; // No auto value to reduce calculation time to know the margin with other properties
}
.g-sample-datalist-item-subject {
	background: #000000;

	width: 170px;
	height: 47px;
	margin-left: 112px; // should have no top / left / bottom paddings for fade out mask, 'padding-left' could be used. But it's better to use 'margin-left' to reduce background area (redering area)

	color: #FFFFFF;
	text-align: center;
	font-size: 40px;
}
.g-sample-datalist-item-time {
	background: #000000; // reduced background size with margin

	width: 170px;
	height: 30px;
	margin-top: 4px; // should use not padding-top but margin-top for the gap between "subject" and "time" because of fade out mask
	margin-left: 112px; // should have no top / left / bottom paddings for fade out mask, 'padding-left' could be used. But it's better to use 'margin-left' to reduce background area (redering area)

	color: #AFAFAF;
	text-align: center;
	font-size: 26px;
}
.g-item.pressed-effect {
	background-color: #2E2E2E; // rgba(230, 230, 230, 0.2), 'alpha' value could reduce performance
}
.g-item.pressed-effect.g-sample-datalist-item > .g-item-client {
	&,
	.g-sample-datalist-item-icon,
	.g-sample-datalist-item-subject,
	.g-sample-datalist-item-time {
		background-color: #2E2E2E; // rgba(230, 230, 230, 0.2), 'alpha' value could reduce performance
	}
}
}<commit_msg>Fixed white-space<commit_after>/* DataListSample */

.g-sample-datalist {
// Common classes

.g-sample-panel {
	background-color: #000000;

	position: relative;
	overflow: hidden;
}
@media all and (max-width: 799px) {
	.g-sample-header {
		display: none;
	}
	.g-sample-panel {
		background-color: #000000;

		position: static;
		overflow: visible;
	}
}

// Sample specific classes

.g-sample-datalist-footer {
	border-top: 3px solid #202328;
}
.g-sample-datalist-footer .g-button {
	position: static; // to reduce composite layer
}
.g-sample-datalist-footer > .g-button {
	width: 122px;
	height: 60px;
	margin: 10px 99px 9px;
}
.g-sample-datalist-item {
	background: #000000;

	height: 134px;

	cursor: pointer;
}
.g-sample-datalist-item > .g-item-client {
	background: #000000;

	width: 320px; // should be 320px
	height: 81px;
	padding: 26px 0 27px 0;
	overflow: hidden;

	transform: scale3d(1, 1, 1);
}
.g-sample-datalist-item-icon {
	background-color: #000000;

	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	margin: 11px 0 11px 38px; // No auto value to reduce calculation time to know the margin with other properties
}
.g-sample-datalist-item-subject {
	background: #000000;

	width: 170px;
	height: 47px;
	margin-left: 112px; // should have no top / left / bottom paddings for fade out mask, 'padding-left' could be used. But it's better to use 'margin-left' to reduce background area (redering area)

	color: #FFFFFF;
	text-align: center;
	font-size: 40px;
	white-space: nowrap;
}
.g-sample-datalist-item-time {
	background: #000000; // reduced background size with margin

	width: 170px;
	height: 30px;
	margin-top: 4px; // should use not padding-top but margin-top for the gap between "subject" and "time" because of fade out mask
	margin-left: 112px; // should have no top / left / bottom paddings for fade out mask, 'padding-left' could be used. But it's better to use 'margin-left' to reduce background area (redering area)

	color: #AFAFAF;
	text-align: center;
	font-size: 26px;
	white-space: nowrap;
}
.g-item.pressed-effect {
	background-color: #2E2E2E; // rgba(230, 230, 230, 0.2), 'alpha' value could reduce performance
}
.g-item.pressed-effect.g-sample-datalist-item > .g-item-client {
	&,
	.g-sample-datalist-item-icon,
	.g-sample-datalist-item-subject,
	.g-sample-datalist-item-time {
		background-color: #2E2E2E; // rgba(230, 230, 230, 0.2), 'alpha' value could reduce performance
	}
}
}
{'fraction_non_alphanumeric': 0.13600498338870431, 'fraction_numerical': 0.059385382059800665, 'mean_word_length': 3.6812439261418852, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '2110543', 'n_tokens_mistral': 2044, 'n_tokens_neox': 1748, 'n_words': 503}