@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
76 lines (73 loc) • 3.79 kB
CSS
.spectrum-Radio .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(38, 128, 235);
}
.spectrum-Radio-label {
color: rgb(200, 200, 200);
}
.spectrum-Radio-button {
background-color: rgb(26, 26, 26);
border-color: rgb(124, 124, 124);
}
.spectrum-Radio:hover .spectrum-Radio-button {
border-color: rgb(162, 162, 162);
box-shadow: none;
}
.spectrum-Radio:hover .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(55, 142, 240);
}
.spectrum-Radio:hover .spectrum-Radio-label {
color: rgb(239, 239, 239);
}
.spectrum-Radio:active .spectrum-Radio-button {
border-color: rgb(200, 200, 200);
}
.spectrum-Radio:active .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(75, 156, 245);
}
.spectrum-Radio:active .spectrum-Radio-label {
color: rgb(239, 239, 239);
}
.spectrum-Radio--quiet .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(162, 162, 162);
}
.spectrum-Radio--quiet:hover .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(200, 200, 200);
}
.spectrum-Radio--quiet:active .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(239, 239, 239);
}
.spectrum-Radio.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button, .spectrum-Radio--quiet.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button {
border-color: rgb(236, 91, 98);
}
.spectrum-Radio.is-invalid:hover .spectrum-Radio-label, .spectrum-Radio--quiet.is-invalid:hover .spectrum-Radio-label {
color: rgb(236, 91, 98);
}
.spectrum-Radio.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button, .spectrum-Radio--quiet.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button {
border-color: rgb(247, 109, 116);
}
.spectrum-Radio.is-invalid:active .spectrum-Radio-label, .spectrum-Radio--quiet.is-invalid:active .spectrum-Radio-label {
color: rgb(247, 109, 116);
}
.spectrum-Radio.is-invalid .spectrum-Radio-button, .spectrum-Radio.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button, .spectrum-Radio--quiet.is-invalid .spectrum-Radio-button, .spectrum-Radio--quiet.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(227, 72, 80);
}
.spectrum-Radio.is-invalid .spectrum-Radio-label, .spectrum-Radio--quiet.is-invalid .spectrum-Radio-label {
color: rgb(227, 72, 80);
}
.spectrum-Radio-input:disabled + .spectrum-Radio-button {
border-color: rgb(73, 73, 73) ;
}
.spectrum-Radio-input:disabled ~ .spectrum-Radio-label {
color: rgb(92, 92, 92) ;
}
.spectrum-Radio .spectrum-Radio-input.focus-ring + .spectrum-Radio-button, .spectrum-Radio:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button, .spectrum-Radio--quiet .spectrum-Radio-input.focus-ring + .spectrum-Radio-button, .spectrum-Radio--quiet:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.spectrum-Radio .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label, .spectrum-Radio:hover .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label, .spectrum-Radio--quiet .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label, .spectrum-Radio--quiet:hover .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label {
color: rgb(55, 142, 240);
}
.spectrum-Radio.is-invalid .spectrum-Radio-input:checked.focus-ring + .spectrum-Radio-button, .spectrum-Radio--quiet.is-invalid .spectrum-Radio-input:checked.focus-ring + .spectrum-Radio-button {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}