@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(55, 142, 240);
}
.spectrum-Rating:hover .spectrum-Rating-icon {
color: rgb(116, 116, 116);
}
.spectrum-Rating:hover .spectrum-Rating-icon:hover {
color: rgb(80, 80, 80);
}
.spectrum-Rating:hover .spectrum-Rating-icon:active {
color: rgb(50, 50, 50);
}
.spectrum-Rating:hover .spectrum-Rating-icon.is-currentValue:after {
background: currentColor;
}
.spectrum-Rating-icon {
color: rgb(116, 116, 116);
}
.spectrum-Rating-icon.is-selected {
color: rgb(38, 128, 235);
}
.spectrum-Rating-icon:hover ~ .spectrum-Rating-icon {
color: rgb(116, 116, 116);
}
.spectrum-Rating--quiet .spectrum-Rating-icon {
color: rgb(116, 116, 116);
}
.spectrum-Rating--quiet .spectrum-Rating-icon.is-selected {
color: rgb(116, 116, 116);
}
.spectrum-Rating--quiet:hover .spectrum-Rating-icon {
color: rgb(116, 116, 116);
}
.spectrum-Rating--quiet:hover .spectrum-Rating-icon:hover {
color: rgb(80, 80, 80);
}
.spectrum-Rating--quiet:hover .spectrum-Rating-icon:active {
color: rgb(50, 50, 50);
}
.spectrum-Rating.is-disabled .spectrum-Rating-icon {
color: rgb(211, 211, 211);
}
.spectrum-Rating.is-disabled .spectrum-Rating-icon.is-selected {
color: rgb(211, 211, 211);
}