@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
46 lines (45 loc) • 1.36 kB
CSS
.spectrum-Rating.is-focused {
box-shadow: 0 0 0 2px rgb(38, 128, 235);
}
.spectrum-Rating:hover .spectrum-Rating-icon {
color: rgb(110, 110, 110);
}
.spectrum-Rating:hover .spectrum-Rating-icon:hover {
color: rgb(75, 75, 75);
}
.spectrum-Rating:hover .spectrum-Rating-icon:active {
color: rgb(44, 44, 44);
}
.spectrum-Rating:hover .spectrum-Rating-icon.is-currentValue:after {
background: currentColor;
}
.spectrum-Rating-icon {
color: rgb(110, 110, 110);
}
.spectrum-Rating-icon.is-selected {
color: rgb(20, 115, 230);
}
.spectrum-Rating-icon:hover ~ .spectrum-Rating-icon {
color: rgb(110, 110, 110);
}
.spectrum-Rating--quiet .spectrum-Rating-icon {
color: rgb(110, 110, 110);
}
.spectrum-Rating--quiet .spectrum-Rating-icon.is-selected {
color: rgb(110, 110, 110);
}
.spectrum-Rating--quiet:hover .spectrum-Rating-icon {
color: rgb(110, 110, 110);
}
.spectrum-Rating--quiet:hover .spectrum-Rating-icon:hover {
color: rgb(75, 75, 75);
}
.spectrum-Rating--quiet:hover .spectrum-Rating-icon:active {
color: rgb(44, 44, 44);
}
.spectrum-Rating.is-disabled .spectrum-Rating-icon {
color: rgb(202, 202, 202);
}
.spectrum-Rating.is-disabled .spectrum-Rating-icon.is-selected {
color: rgb(202, 202, 202);
}