react-tinymce-mention/public/styles/vendor/kindling/ComboBox.less

@Mention functionality for TinyMCE, built with React and Redux.

// ComboBox

.mce-combobox {
	.inline-block();
	.border-radius();
	width: 100px;
	.box-shadow(inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05));
}

.mce-combobox input {
	border-color: 1px solid @btn-border-color;
	border-right-color: rgba(0, 0, 0, .15);
	height: 28px;
}

.mce-combobox.mce-has-open input {
	.border-radius(4px 0 0 4px);
}

.mce-combobox .mce-btn {
	border-left: 0;
	.border-radius(0 4px 4px 0);
}

.mce-combobox button {
	padding-right: 8px;
	padding-left: 8px;
}

.mce-combobox *:focus {
	border-color: @focus-border-color-fallback;
	border-color: @focus-border-color;
	.box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6));
}