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

// 星级元素
.e_star {
	height:1em; display:inline-flex; width:5+1*@gap; color:@fg-light-8; position:relative; cursor:default;;
	span { padding-left:0.25*@gap;}
	span:after { width:1em; height:1em; display:inline-block; font-family:"ico"; content:"\e077"; vertical-align:top;}
	span:first-child { padding-left:0;}
}



// 级别
.e_star-1 {
	span:first-child {
		color:@primary;
		&:after { font-family:"ico-filled";}
	}
}
.e_star-2 {
	span:first-child,
	span:first-child + span {
		color:@primary;
		&:after { font-family:"ico-filled";}
	}
}
.e_star-3 {
	span:first-child,
	span:first-child + span,
	span:first-child + span + span {
		color:@primary;
		&:after { font-family:"ico-filled";}
	}
}
.e_star-4 {
	span:first-child,
	span:first-child + span,
	span:first-child + span + span,
	span:first-child + span + span + span {
		color:@primary;
		&:after { font-family:"ico-filled";}
	}
}
.e_star-5 {
	span {
		color:@primary;
		&:after { font-family:"ico-filled";}
	}
}



// 级别扩展
.e_star-gold {
	span { color:@warning-light-2;}
	animation:blink 2s linear infinite;
}
.e_star-diamond {
	span { color:@primary;}
	span:after { content:"\e025";}
	animation:blink-diamond 2s linear infinite;
}
@keyframes blink {
	0% { text-shadow:0 0 0 @warning-light-2;}
	50% { text-shadow:0 0 0.71em @warning-light-2;}
	100% { text-shadow:0 0 0rem @warning-light-2;}
}
@keyframes blink-diamond {
	0% { text-shadow:0 0 0 @primary;}
	50% { text-shadow:0 0 0.71em @primary;}
	100% { text-shadow:0 0 0rem @primary;}
}