@import "~scss/_mixins";

.tagItem {
	padding: 0px 4px; @include text-common; line-height: 18px; border-radius: 3px; white-space: nowrap; position: relative;
	display: inline-block; vertical-align: middle; max-width: 100%; height: 18px;
}
.tagItem {
	.inner { display: inline-block; width: 100%; @include text-overflow-nw;  vertical-align: top; }
	
	.tagRemove { width: 18px; height: 18px; position: absolute; right: 0px; top: 0px; }
	.tagRemove:hover { opacity: 0.8; }
	.tagRemove {
		img { width: 10px; height: 10px; position: absolute; top: 50%; left: 50%; margin: -5px 0px 0px -5px; }
	}
}
.tagItem.canEdit { padding-right: 18px; }
.tagItem.isSelect { padding: 0px; @include text-common; line-height: 18px; box-shadow: 0px 0px !important; }
.tagItem.isSelect {
	.tagRemove { display: none; }
}