mediawiki-skins-Citizen/skinStyles/mediawiki/ui/mediawiki.ui.radio.less

/*
 * Citizen
 *
 * SkinStyles for MediaWiki
 * Module: mediawiki.ui.radio
 * Version: REL1_39
 *
 * Date: 2022-11-30
*/

.client-js .mw-ui-radio {
	[ type='radio' ] {
		& + label {
			&::before {
				// Show background when hovered
				background-color: transparent;
				border-color: var( --border-color-base--darker );
			}
		}

		&:enabled {
			&:hover + label::before {
				background-color: var( --color-surface-0 );
				border-color: var( --color-primary--hover );
			}

			&:active + label::before {
				background-color: var( --color-primary--active );
				border-color: var( --color-primary--active );
			}

			&:checked {
				& + label::before {
					background-color: #fff;
					border-color: var( --color-primary );
				}

				&:hover + label::before {
					border-color: var( --color-primary--hover );
				}

				&:active {
					& + label::before {
						border-color: var( --color-primary--active );
						box-shadow: inset 0 0 0 1px var( --color-primary--active );
					}

					& + label::after {
						border-color: var( --color-primary--active );
					}
				}
			}
		}

		&:disabled {
			& + label::before {
				background-color: var( --color-surface-4 );
				border-color: var( --color-surface-4 );
			}

			&:checked + label::before {
				background-color: var( --color-surface-0 );
			}
		}
	}
}