@import "../default-skin.less";
@import "../../global/mixin.less";

.s_pc {
	 .e_tag {
		.e_tagDelete:hover { background:@fg-light-6; color:@bg;}
		&-blue .e_tagDelete:hover { background:@primary-light-3; color:@bg;}
		&-green .e_tagDelete:hover { background:@success-light-3; color:@bg;}
		&-red .e_tagDelete:hover { background:@danger-light-3; color:@bg;}
		&-orange .e_tagDelete:hover { background:@warning-light-3; color:@bg;}
		&-white .e_tagDelete:hover { background:@bg-dark-0-4; color:@fg-light-2;}
		&.e_tag-outline .e_tagDelete:hover { background:@fg-op-1; color:@fg;}
		&-blue.e_tag-outline .e_tagDelete:hover { background:@primary-op-1; color:@primary;}
		&-green.e_tag-outline .e_tagDelete:hover { background:@success-op-1; color:@success;}
		&-red.e_tag-outline .e_tagDelete:hover { background:@danger-op-1; color:@danger;}
		&-orange.e_tag-outline .e_tagDelete:hover { background:@warning-op-1; color:@warning;}
		&-white.e_tag-outline .e_tagDelete:hover { background:@bg-op-1; color:@bg;}
	}
	.e_tag-hover {
		.e_tagDelete {
			visibility: hidden;
		}
	}
	.e_tag-hover:hover .e_tagDelete {
		visibility: visible;
	}
}