starry-rating
Version:
JavaScript star rating system
45 lines (43 loc) • 891 B
CSS
.Starry {
display: inline-block;
position: relative;
}
.Starry:hover > .Starry-active:not(.Starry-static) {
display: none;
}
.Starry > .Starry-blank,
.Starry > .Starry-active,
.Starry > .Starry-hover {
display: flex;
/* flex-direction: row-reverse;
justify-content: flex-end; */
overflow: hidden;
white-space: nowrap;
}
.Starry > .Starry-active,
.Starry > .Starry-hover {
position: absolute;
top: 0px;
left: 0px;
}
.Starry > .Starry-active {
width: 0%;
}
.Starry > .Starry-hover {
flex-direction: row-reverse;
justify-content: flex-end;
}
.Starry > .Starry-hover > .Starry-star {
opacity: 0;
cursor: pointer;
}
.Starry > .Starry-hover > .Starry-star:hover,
.Starry > .Starry-hover > .Starry-star:hover ~ .Starry-star {
opacity: 1;
}
.Starry .Starry-star {
display: inline;
margin: 0 ;
padding: 2px;
}
/*# sourceMappingURL=starry.css.map */