<commit_before>@import "variables.less";
@import "mixins.less";

.bselect {
	position: relative;
	display: inline-block;
	white-space: nowrap;

	&, input, button {
		font-family: @sansFontFamily;
		font-size: @baseFontSize;
		line-height: @baseLineHeight;
	}

	&.open .bselect-caret {
		background-image: none;
		#bselect-mixins > .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
	}
}

.bselect-label,
.bselect-caret {
	position: relative;
	display: inline-block;
	height: @baseLineHeight;
	color: @grayDark;
	font-size: @baseFontSize;
	line-height: @baseLineHeight;
	*line-height: @baseLineHeight;
	#bselect-mixins > .vertical-gradient(@btnBackground, @btnBackgroundHighlight);
	border: 1px solid @btnBorder;
	*border: 0; // Remove the border to prevent IE7's black border on input:focus
	border-bottom-color: darken(@btnBorder, 10%);
	cursor: pointer;
	vertical-align: middle;

	&:hover {
		background-position: 0 -15px;
		background-color: darken(@white, 10%);
    	*background-color: darken(@white, 15%); /* Buttons in IE7 don't get borders, so darken on hover */

		#bselect-mixins > .transition(background-position .1s linear);
	}
}

.bselect-label {
	padding: 4px 12px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	#bselect-mixins > .border-radius(@baseBorderRadius 0 0 @baseBorderRadius);
}

.bselect-caret {
	margin-left: -1px;
	padding: 4px 5px;
	#bselect-mixins > .border-radius(0 @baseBorderRadius @baseBorderRadius 0);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	> .caret {
		display: inline-block;
		width: 0;
		height: 0;
		margin: 8px 0 0;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 4px solid @grayDark;
		content: "";
		vertical-align: top;
	}
}

.bselect-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: @zindexDropdown;
	display: none;
	width: 97%;
	margin: 2px 0 0;
	padding: 5px 1.5%;
	background-color: @dropdownBackground;
	border: 1px solid fade(@dropdownBorder, 100%);
	border: 1px solid @dropdownBorder;
	#bselect-mixins > .border-radius(@baseBorderRadius);
	#bselect-mixins > .box-shadow(0 5px 10px rgba(0,0,0,.2));
}

.bselect-search {
	margin-bottom: @baseLineHeight / 2;
	vertical-align: middle;
	white-space: nowrap;

	> .bselect-search-input,
	> .bselect-search-icon {
		display: inline-block;
		height: @baseLineHeight;
		vertical-align: middle;
	}

	> .bselect-search-input {
		padding: 4px 6px;
		margin: 0;
		background: @inputBackground;
		border: 1px solid @inputBorder;
		#bselect-mixins > .border-radius(@baseBorderRadius 0 0 @baseBorderRadius);
		#bselect-mixins > .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075));
	}

	> .bselect-search-icon {
		width: auto;
		margin-left: -1px;
		padding: 4px 5px;
		text-align: center;
		text-shadow: 0 1px 0 @white;
		background-color: @grayLighter;
		border: 1px solid #ccc;
		#bselect-mixins > .border-radius(0 @baseBorderRadius @baseBorderRadius 0);
	}
}

.bselect-option-list {
	line-height: @baseLineHeight;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-y: auto;
	overflow-x: hidden;

	> li {
		> a {
			display: block;
			padding: 5px 20px 5px 15px;
			color: @dropdownLinkColor;
			text-decoration: none;

			&:hover {
				color: @dropdownLinkColorHover;
				#bselect-mixins > .vertical-gradient(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%));
			}
		}

		&.active > a,
		&.active > a:hover {
			color: @dropdownLinkColorActive;
			#bselect-mixins > .vertical-gradient(@dropdownLinkBackgroundActive, darken(@dropdownLinkBackgroundActive, 5%));
		}
	}
}

.bselect.bselect-mini {
	.bselect-label,
	.bselect-caret {
		padding: @paddingMini;
		font-size: @fontSizeMini;
	}

	.bselect-caret {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.bselect.bselect-small {
	.bselect-label,
	.bselect-caret {
		padding: @paddingSmall;
		font-size: @fontSizeSmall;
	}

	.bselect-caret {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.bselect.bselect-large {
	.bselect-label,
	.bselect-caret {
		padding: @paddingLarge;
		font-size: @fontSizeLarge;
	}

	.bselect-caret {
		padding-left: 12px;
		padding-right: 12px;
	}

	.bselect-caret .caret {
		border-left-width:  5px;
		border-right-width: 5px;
		border-top-width:   5px;
	}
}

.bselect {
	&.bselect-mini,
	&.bselect-small,
	&.bselect-large {
		margin-top: 6px;
	}
}<commit_msg>Search input should have a higher z-index when focused, so the shadow shows correctly<commit_after>@import "variables.less";
@import "mixins.less";

.bselect {
	position: relative;
	display: inline-block;
	white-space: nowrap;

	&, input, button {
		font-family: @sansFontFamily;
		font-size: @baseFontSize;
		line-height: @baseLineHeight;
	}

	&.open .bselect-caret {
		background-image: none;
		#bselect-mixins > .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
	}
}

.bselect-label,
.bselect-caret {
	position: relative;
	display: inline-block;
	height: @baseLineHeight;
	color: @grayDark;
	font-size: @baseFontSize;
	line-height: @baseLineHeight;
	*line-height: @baseLineHeight;
	#bselect-mixins > .vertical-gradient(@btnBackground, @btnBackgroundHighlight);
	border: 1px solid @btnBorder;
	*border: 0; // Remove the border to prevent IE7's black border on input:focus
	border-bottom-color: darken(@btnBorder, 10%);
	cursor: pointer;
	vertical-align: middle;

	&:hover {
		background-position: 0 -15px;
		background-color: darken(@white, 10%);
    	*background-color: darken(@white, 15%); /* Buttons in IE7 don't get borders, so darken on hover */

		#bselect-mixins > .transition(background-position .1s linear);
	}
}

.bselect-label {
	padding: 4px 12px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	#bselect-mixins > .border-radius(@baseBorderRadius 0 0 @baseBorderRadius);
}

.bselect-caret {
	margin-left: -1px;
	padding: 4px 5px;
	#bselect-mixins > .border-radius(0 @baseBorderRadius @baseBorderRadius 0);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	> .caret {
		display: inline-block;
		width: 0;
		height: 0;
		margin: 8px 0 0;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 4px solid @grayDark;
		content: "";
		vertical-align: top;
	}
}

.bselect-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: @zindexDropdown;
	display: none;
	width: 97%;
	margin: 2px 0 0;
	padding: 5px 1.5%;
	background-color: @dropdownBackground;
	border: 1px solid fade(@dropdownBorder, 100%);
	border: 1px solid @dropdownBorder;
	#bselect-mixins > .border-radius(@baseBorderRadius);
	#bselect-mixins > .box-shadow(0 5px 10px rgba(0,0,0,.2));
}

.bselect-search {
	margin-bottom: @baseLineHeight / 2;
	vertical-align: middle;
	white-space: nowrap;

	> .bselect-search-input,
	> .bselect-search-icon {
		display: inline-block;
		height: @baseLineHeight;
		vertical-align: middle;
	}

	> .bselect-search-input {
		position: relative;
		padding: 4px 6px;
		margin: 0;
		background: @inputBackground;
		border: 1px solid @inputBorder;
		#bselect-mixins > .border-radius(@baseBorderRadius 0 0 @baseBorderRadius);
		#bselect-mixins > .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075));

		// Make input on top when focused so blue border and shadow always show
		&:focus {
			z-index: 2;
		}
	}

	> .bselect-search-icon {
		width: auto;
		margin-left: -1px;
		padding: 4px 5px;
		text-align: center;
		text-shadow: 0 1px 0 @white;
		background-color: @grayLighter;
		border: 1px solid #ccc;
		#bselect-mixins > .border-radius(0 @baseBorderRadius @baseBorderRadius 0);
	}
}

.bselect-option-list {
	line-height: @baseLineHeight;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-y: auto;
	overflow-x: hidden;

	> li {
		> a {
			display: block;
			padding: 5px 20px 5px 15px;
			color: @dropdownLinkColor;
			text-decoration: none;

			&:hover {
				color: @dropdownLinkColorHover;
				#bselect-mixins > .vertical-gradient(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%));
			}
		}

		&.active > a,
		&.active > a:hover {
			color: @dropdownLinkColorActive;
			#bselect-mixins > .vertical-gradient(@dropdownLinkBackgroundActive, darken(@dropdownLinkBackgroundActive, 5%));
		}
	}
}

.bselect.bselect-mini {
	.bselect-label,
	.bselect-caret {
		padding: @paddingMini;
		font-size: @fontSizeMini;
	}

	.bselect-caret {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.bselect.bselect-small {
	.bselect-label,
	.bselect-caret {
		padding: @paddingSmall;
		font-size: @fontSizeSmall;
	}

	.bselect-caret {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.bselect.bselect-large {
	.bselect-label,
	.bselect-caret {
		padding: @paddingLarge;
		font-size: @fontSizeLarge;
	}

	.bselect-caret {
		padding-left: 12px;
		padding-right: 12px;
	}

	.bselect-caret .caret {
		border-left-width:  5px;
		border-right-width: 5px;
		border-top-width:   5px;
	}
}

.bselect {
	&.bselect-mini,
	&.bselect-small,
	&.bselect-large {
		margin-top: 6px;
	}
}
{'fraction_non_alphanumeric': 0.14187035069075452, 'fraction_numerical': 0.029436769394261424, 'mean_word_length': 3.173392461197339, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 45, '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': '301134', 'n_tokens_mistral': 3982, 'n_tokens_neox': 3478, 'n_words': 751}