@primer/react-brand
Version:
Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.
2 lines (1 loc) • 4.29 kB
CSS
.Primer_Brand__Radio-module__Radio-wrapper___zXaOV{-webkit-user-select:none;user-select:none;cursor:pointer;grid-row:1;position:relative}.Primer_Brand__Radio-module__Radio___vTG_e{background-color:var(--brand-control-radio-bg-default);border:solid 1px var(--brand-control-radio-border-default);border:solid var(--brand-borderWidth-thin,1px) var(--brand-control-radio-border-default);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;width:20px;height:20px;margin:3px 3px 0 5px;display:inline-flex;position:relative;box-shadow:0 0 0 3px #0000}.Primer_Brand__Radio-module__Radio___vTG_e:before{content:"";pointer-events:none;border:var(--brand-borderWidth-thin) solid transparent;border-radius:50%;width:24px;height:24px;position:absolute;inset:-4px -2px -2px -4px}.Primer_Brand__Radio-module__Radio-input___K0b_k{clip:rect(1px, 1px, 1px, 1px);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.Primer_Brand__Radio-module__Radio-dot___9afdK{border-color:var(--brand-control-radio-dot-checked);background:var(--brand-control-radio-dot-checked);opacity:0;width:12px;height:12px;transition:transform .35s var(--brand-animation-easing-glide), opacity .35s var(--brand-animation-easing-glide);border-radius:50%;display:block;position:absolute;transform:scale(.7)}@media (prefers-reduced-motion){.Primer_Brand__Radio-module__Radio-dot___9afdK{transition:none}}.Primer_Brand__Radio-module__Radio-input___K0b_k:checked+.Primer_Brand__Radio-module__Radio___vTG_e{background-color:var(--brand-control-radio-bg-checked);border-color:var(--brand-control-radio-border-checked)}.Primer_Brand__Radio-module__Radio-input___K0b_k:not(:checked):not([disabled])+.Primer_Brand__Radio-module__Radio___vTG_e:hover{background-color:var(--brand-control-radio-bg-hover);border-color:var(--brand-control-radio-border-hover)}.Primer_Brand__Radio-module__Radio-input___K0b_k:checked:not([disabled])+.Primer_Brand__Radio-module__Radio___vTG_e:hover{background-color:var(--brand-control-radio-bg-checked-hover);border-color:var(--brand-control-radio-border-checked-hover)}.Primer_Brand__Radio-module__Radio-input___K0b_k:checked:not([disabled])+.Primer_Brand__Radio-module__Radio___vTG_e:hover .Primer_Brand__Radio-module__Radio-dot___9afdK{background:var(--brand-control-radio-dot-checked-hover);border-color:var(--brand-control-radio-dot-checked-hover)}.Primer_Brand__Radio-module__Radio-input___K0b_k:checked+.Primer_Brand__Radio-module__Radio___vTG_e .Primer_Brand__Radio-module__Radio-dot___9afdK{opacity:1;transform:scale(1)}.Primer_Brand__Radio-module__Radio-input___K0b_k:focus+.Primer_Brand__Radio-module__Radio___vTG_e{box-shadow:0 0 0 4px var(--brand-control-color-focus)}.Primer_Brand__Radio-module__Radio-input___K0b_k:checked:focus+.Primer_Brand__Radio-module__Radio___vTG_e{border-color:var(--brand-control-radio-border-checked)}.Primer_Brand__Radio-module__Radio-input___K0b_k[disabled]+.Primer_Brand__Radio-module__Radio___vTG_e,.Primer_Brand__Radio-module__Radio-input___K0b_k[disabled]:checked+.Primer_Brand__Radio-module__Radio___vTG_e{-webkit-text-fill-color:var(--brand-control-color-fg-disabled);color:var(--brand-control-color-fg-disabled);cursor:not-allowed;background-color:var(--brand-control-radio-bg-disabled);border-color:var(--brand-control-radio-border-disabled);opacity:1}.Primer_Brand__Radio-module__Radio-input___K0b_k[disabled]:checked+.Primer_Brand__Radio-module__Radio___vTG_e .Primer_Brand__Radio-module__Radio-dot___9afdK{background:var(--brand-control-color-fg-disabled);border-color:var(--brand-control-color-fg-disabled)}@media (forced-colors:active){.Primer_Brand__Radio-module__Radio-input___K0b_k:focus+.Primer_Brand__Radio-module__Radio___vTG_e{outline:var(--brand-borderWidth-thin) solid Highlight;outline-offset:var(--base-size-4)}.Primer_Brand__Radio-module__Radio-input___K0b_k:checked+.Primer_Brand__Radio-module__Radio___vTG_e .Primer_Brand__Radio-module__Radio-dot___9afdK{background-color:highlight}}@media (prefers-reduced-motion:reduce){.Primer_Brand__Radio-module__Radio___vTG_e,.Primer_Brand__Radio-module__Radio___vTG_e:before,.Primer_Brand__Radio-module__Radio___vTG_e:after,.Primer_Brand__Radio-module__Radio___vTG_e *{scroll-behavior:auto;transition:none;animation:none}}