wiki.techinc.nl/resources/lib/codex/modules/CdxRadio.css
Eric Gardner af7df71542 Update Codex from 1.7.0 to 1.8.0
Also adds @size-tooltip and @background-color-inverted to
mediawiki.skin.defaults.less.

Bug: T308520
Bug: T340456
Bug: T349793
Bug: T364306
Bug: T366129
Bug: T366541
Bug: T366861
Bug: T367098
Bug: T367100
Bug: T367101
Change-Id: Ie06bf3e15e55272f0ebecfebe4baa9564fa804df
2024-06-25 14:27:50 -07:00

1 line
3.1 KiB
CSS

.cdx-radio{position:relative;min-width:20px;min-height:20px}.cdx-radio:not(.cdx-radio--inline){display:flex;margin-bottom:12px}.cdx-radio:not(.cdx-radio--inline):last-child{margin-bottom:0}.cdx-radio--inline{display:inline-flex;margin-right:16px;white-space:nowrap}.cdx-radio--inline:last-child{margin-right:0}.cdx-radio__label,.cdx-radio__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-left:calc(1.25rem + 8px);line-height:1.4285714}.cdx-radio__label.cdx-label{padding-bottom:0}.cdx-radio__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-radio--inline .cdx-radio__label{display:inline}.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);position:absolute;left:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-radio__input{opacity:0;position:absolute;left:0;z-index:1;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;margin:0;font-size:inherit;cursor:inherit}.cdx-radio:hover>.cdx-radio__input:enabled,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-label .cdx-label__label,.cdx-radio:hover>.cdx-radio__input:enabled~.cdx-radio__label:not(.cdx-label){cursor:pointer}.cdx-radio__icon{border-radius:50%}.cdx-radio__icon:before{content:" ";position:absolute;top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem;border:1px solid var(--border-color-transparent, transparent);border-radius:50%}.cdx-radio__input:enabled+.cdx-radio__icon{border-color:var(--border-color-interactive, #72777d)}.cdx-radio__input:enabled:hover+.cdx-radio__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-radio__input:enabled:active+.cdx-radio__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:enabled:focus+.cdx-radio__icon{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c)}.cdx-radio__input:enabled:checked+.cdx-radio__icon{border-width:6px;border-color:var(--border-color-progressive, #36c)}.cdx-radio__input:enabled:checked:hover+.cdx-radio__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-radio__input:enabled:checked:focus+.cdx-radio__icon:before{border-color:var(--border-color-inverted, #fff)}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:enabled:checked:active+.cdx-radio__icon:before{border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-radio__input:disabled~.cdx-radio__label,.cdx-radio__input:disabled~.cdx-radio__label.cdx-label{color:var(--color-disabled, #72777d)}.cdx-radio__input:disabled+.cdx-radio__icon{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-radio__input:disabled:checked+.cdx-radio__icon{background-color:var(--background-color-base-fixed, #fff);border-width:6px;border-color:var(--border-color-disabled, #c8ccd1)}