<commit_before>@import "../../variables";

.view-buttons {
	display:flex;
	flex-flow: row nowrap;
	align-items: center;
	height:100%;

	&-label {
		align-items: center;
		border-left: 1px solid $medium-grey;
		display: flex;
		height: 100%;
		padding: 0 25px;
		text-transform: none;
	}
}

.view-button {
	background: $white no-repeat center;
	width:35px;
	height:35px;
	padding:9px;
	cursor:pointer;

	&:hover, &.is-active {
		@include themify() {
			background-color: $theme-background;
		}
	}

	&-glyph {
		&.is-active {
			background-image: url('/assets/images/glyph-hover-active.svg');
		}
		&, &:hover:not(.is-active) {
			background-image: url('/assets/images/glyph-base.svg');
		}
		background-size: 17px;
	}
	&-word {
		&.is-active {
			background-image: url('/assets/images/word-hover-active.svg');
		}
		&, &:hover:not(.is-active) {
			background-image: url('/assets/images/word-base.svg');
		}
		background-size: 17px;
	}
	&-text {
		&.is-active {
			background-image: url('/assets/images/text-hover-active.svg');
		}
		&, &:hover:not(.is-active) {
			background-image: url('/assets/images/text-base.svg');
		}
		background-size: 17px;<commit_msg>modified view-button styles in order to comply to the newly added sprite for background images<commit_after>@import "../../variables";

$view-button-size: 35;

.view-buttons {
	display:flex;
	flex-flow: row nowrap;
	align-items: center;
	height:100%;

	&-label {
		align-items: center;
		border-left: 1px solid $medium-grey;
		display: flex;
		height: 100%;
		padding: 0 25px;
		text-transform: none;
	}
}

.view-button {
	background-image: url('/assets/images/view-buttons.svg');
	background-color: $white;
	background-repeat: no-repeat;
	width:35px;
	height:35px;
	padding:9px;
	cursor:pointer;

	&:hover, &.is-active {
		@include themify() {
			background-color: $theme-background;
		}
	}

	&-glyph {
		&.is-active {
			background-position: 0px -#{$view-button-size}px;
		}
		&, &:hover:not(.is-active) {
			background-position: 0px 0px;
		}
	}
	&-word {
		&.is-active {
			background-position: -#{$view-button-size}px -#{$view-button-size}px;
		}
		&, &:hover:not(.is-active) {
			background-position: -#{$view-button-size}px 0px;
		}
	}
	&-text {
		&.is-active {
			background-position: -#{$view-button-size * 2}px -#{$view-button-size}px;
		}
		&, &:hover:not(.is-active) {
			background-position: -#{$view-button-size * 2}px 0px;
		}
{'fraction_non_alphanumeric': 0.1913297207169654, 'fraction_numerical': 0.018757815756565235, 'mean_word_length': 3.3956043956043955, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '5757891', 'n_tokens_mistral': 1054, 'n_tokens_neox': 914, 'n_words': 155}