UNPKG

@adobe/spectrum-css

Version:

The Spectrum CSS top-level backwards compatible package

85 lines (72 loc) 1.59 kB
.spectrum-Radio { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: start; align-items: flex-start; position: relative; min-height: 40px; max-width: 100%; margin-right: 20px; vertical-align: top; } .spectrum-Radio-input { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; overflow: visible; box-sizing: border-box; padding: 0; position: absolute; top: 0; left: -10px; width: calc(100% + 20px); height: 100%; opacity: .0001; z-index: 1; cursor: pointer; } .spectrum-Radio-input:disabled { cursor: default; } .spectrum-Radio-input:checked + .spectrum-Radio-button { border-width: 7px; } .spectrum-Radio-label { margin-left: 13px; font-size: 17px; transition: color 130ms ease-in-out; margin-top: 8px; } .spectrum-Radio-button { position: relative; box-sizing: border-box; width: 18px; height: 18px; margin: 11px 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 9px; border-width: 2px; border-style: solid; transition: border 130ms ease-in-out, box-shadow 130ms ease-in-out; } .spectrum-Radio--labelBelow { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; height: auto; } .spectrum-Radio--labelBelow .spectrum-Radio-button { -ms-flex-negative: 0; flex-shrink: 0; margin: 0; } .spectrum-Radio--labelBelow .spectrum-Radio-label { margin: 4px 0 0 0; }