@import "../../Hurricane/Hurricane";
@import "../../variables";

.typeahead{
	z-index: 200;
	min-width:350px;
	.mt-1;
	.bg-white;
	.absolute;
	.b;
	.shadow-outer-2;
}

.typeahead li{
	.ph2;
	.pt1;
}

.typeahead .active{
	background-color:@brand-second;
}

.typeahead .active .mention_name{
	color:white;
}

.mention_name{
	font-size:12px;
}
.mention_username{
	font-size:12px;
	color:#999;
}

.mention_image{
	float: left;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 20px;
	height: 20px;
}

.active .mention_username{
	color:#fff;
}
