@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
46 lines (45 loc) • 1.37 kB
CSS
.spectrum-Rating.is-focused {
box-shadow: 0 0 0 2px rgb(38, 128, 235);
}
.spectrum-Rating:hover .spectrum-Rating-icon {
color: rgb(185, 185, 185);
}
.spectrum-Rating:hover .spectrum-Rating-icon:hover {
color: rgb(227, 227, 227);
}
.spectrum-Rating:hover .spectrum-Rating-icon:active {
color: rgb(255, 255, 255);
}
.spectrum-Rating:hover .spectrum-Rating-icon.is-currentValue:after {
background: currentColor;
}
.spectrum-Rating-icon {
color: rgb(185, 185, 185);
}
.spectrum-Rating-icon.is-selected {
color: rgb(55, 142, 240);
}
.spectrum-Rating-icon:hover ~ .spectrum-Rating-icon {
color: rgb(185, 185, 185);
}
.spectrum-Rating--quiet .spectrum-Rating-icon {
color: rgb(185, 185, 185);
}
.spectrum-Rating--quiet .spectrum-Rating-icon.is-selected {
color: rgb(185, 185, 185);
}
.spectrum-Rating--quiet:hover .spectrum-Rating-icon {
color: rgb(185, 185, 185);
}
.spectrum-Rating--quiet:hover .spectrum-Rating-icon:hover {
color: rgb(227, 227, 227);
}
.spectrum-Rating--quiet:hover .spectrum-Rating-icon:active {
color: rgb(255, 255, 255);
}
.spectrum-Rating.is-disabled .spectrum-Rating-icon {
color: rgb(90, 90, 90);
}
.spectrum-Rating.is-disabled .spectrum-Rating-icon.is-selected {
color: rgb(90, 90, 90);
}