<commit_before>// _gallery.scss
$blinker-w:  122px;
$viewport-w: 976px + ($blinker-w * 2);

.loaded {
	
	.gallery {
		opacity: 1;
		transition: opacity 150ms linear;
	}
}

.gallery {
	margin: 0 -16px;
	opacity: 0;
	overflow: hidden;
	transition: opacity 150ms linear;
	
	img {
		display: block;
	}
}
	.gallery__toolbar {
		@extend .clearfix;
		border-bottom: 1px solid $keyline;
	}
		.image-of {
			font-weight: bold;
		}
		.gallery__tools {
			cursor: pointer;
			float: right;
			margin-top: 0;
			margin-bottom: 0;
			
			li {
				padding: 8px;
			}
		}
	.gallery__viewport {
		overflow: hidden;
		margin: 0 auto;
		width: $viewport-w;
	}
		.gallery__focus {
			@extend .container;
			position: relative;
		}
		.gallery__images {
			margin-top: 0;
			margin-bottom: 0;
			transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
		}
		.gallery__next,
		.gallery__previous {
			background-color: rgba(0,0,0,0.85);
			font-size: 22px;
			height: 64px;
			line-height: 64px;
			position: absolute;
				top: 50%;
			transform: translateY(-50%);
			transition: all 150ms linear;
			text-align: center;
			width: 64px;
			z-index: 20;
			
			&:hover {
				background-color: $brand;
			}
			&.deactivated {
				background-color: rgba(0,0,0,0.85);
				opacity: 0.5;
				cursor: default;
				transition: all 150ms linear;
			}
		}
		.gallery__next {
			right: 0;
		}
		.gallery__previous {
			left: 0;
		}

		// Blinkers
		.blinker {
			background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));
			background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
			background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
			background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
			background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
			
			height: 100%;
			position: absolute;
				top: 0; left: -$blinker-w;
			width: $blinker-w;
			z-index: 30;
		}
		.blinker--right {
			background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
			background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
			background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
			background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
			background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);

			right: -$blinker-w; left: auto;
		}

// THUMBNAILS
.gallery__container {
	border-top: 1px solid $keyline;
	border-bottom: 1px solid $keyline;
}
.gallery__thumbs {
	
	margin: 0 auto;
	overflow: hidden;
	padding: 8px;
	position: relative;
	transition: height 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
	width: $viewport-w;
	z-index: 0;
	
	ul {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: -8px;
		transition: transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
	}		
	li {
		cursor: pointer;
		margin-left: 8px;
		
		&:hover,
		&.active {
			
			img {
				opacity: 1;
				transition: opacity 150ms linear;
			}
		}
	}
	img {
		opacity: 0.65;
		transition: opacity 150ms linear;
	}
}

// PANEL
.gallery__panel {
	@extend .container;
	@extend .clearfix;
	border-bottom: 1px solid $keyline;
}	
	.panel__information,
	.panel__tools {
		float: left;
	}
	.panel__information {
		width: 75%;
	}
		.panel__caption {}
	.panel__tools {
		list-style: none;
		padding-left: 0;
		text-align: right;
		width: 25%;
	}<commit_msg>Panel tools show pointer cursor<commit_after>// _gallery.scss
$blinker-w:  122px;
$viewport-w: 976px + ($blinker-w * 2);

.loaded {
	
	.gallery {
		opacity: 1;
		transition: opacity 150ms linear;
	}
}

.gallery {
	margin: 0 -16px;
	opacity: 0;
	overflow: hidden;
	transition: opacity 150ms linear;
	
	img {
		display: block;
	}
}
	.gallery__toolbar {
		@extend .clearfix;
		border-bottom: 1px solid $keyline;
	}
		.image-of {
			font-weight: bold;
		}
		.gallery__tools {
			cursor: pointer;
			float: right;
			margin-top: 0;
			margin-bottom: 0;
			
			li {
				padding: 8px;
			}
		}
	.gallery__viewport {
		overflow: hidden;
		margin: 0 auto;
		width: $viewport-w;
	}
		.gallery__focus {
			@extend .container;
			position: relative;
		}
		.gallery__images {
			margin-top: 0;
			margin-bottom: 0;
			transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
		}
		.gallery__next,
		.gallery__previous {
			background-color: rgba(0,0,0,0.85);
			font-size: 22px;
			height: 64px;
			line-height: 64px;
			position: absolute;
				top: 50%;
			transform: translateY(-50%);
			transition: all 150ms linear;
			text-align: center;
			width: 64px;
			z-index: 20;
			
			&:hover {
				background-color: $brand;
			}
			&.deactivated {
				background-color: rgba(0,0,0,0.85);
				opacity: 0.5;
				cursor: default;
				transition: all 150ms linear;
			}
		}
		.gallery__next {
			right: 0;
		}
		.gallery__previous {
			left: 0;
		}

		// Blinkers
		.blinker {
			background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));
			background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
			background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
			background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
			background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
			
			height: 100%;
			position: absolute;
				top: 0; left: -$blinker-w;
			width: $blinker-w;
			z-index: 30;
		}
		.blinker--right {
			background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
			background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
			background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
			background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
			background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);

			right: -$blinker-w; left: auto;
		}

// THUMBNAILS
.gallery__container {
	border-top: 1px solid $keyline;
	border-bottom: 1px solid $keyline;
}
.gallery__thumbs {
	
	margin: 0 auto;
	overflow: hidden;
	padding: 8px;
	position: relative;
	transition: height 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
	width: $viewport-w;
	z-index: 0;
	
	ul {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: -8px;
		transition: transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
	}		
	li {
		cursor: pointer;
		margin-left: 8px;
		
		&:hover,
		&.active {
			
			img {
				opacity: 1;
				transition: opacity 150ms linear;
			}
		}
	}
	img {
		opacity: 0.65;
		transition: opacity 150ms linear;
	}
}

// PANEL
.gallery__panel {
	@extend .container;
	@extend .clearfix;
	border-bottom: 1px solid $keyline;
}	
	.panel__information,
	.panel__tools {
		float: left;
	}
	.panel__information {
		width: 75%;
	}
		.panel__caption {}
	.panel__tools {
		list-style: none;
		padding-left: 0;
		text-align: right;
		width: 25%;
		
		li {
			cursor: pointer;
		}
	}
{'fraction_non_alphanumeric': 0.17493188010899183, 'fraction_numerical': 0.07656675749318802, 'mean_word_length': 3.2929824561403507, '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': '5767790', 'n_tokens_mistral': 3899, 'n_tokens_neox': 3030, 'n_words': 619}