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

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

.mw-ui-checkbox {
	[ type='checkbox' ] {
		& + label::before {
			// Show background when hovered
			background-color: transparent;
			border-color: var( --border-color-interactive );
			border-radius: var( --border-radius--small );
		}

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

			&: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 );
				box-shadow: inset 0 0 0 1px var( --color-primary--active );
			}

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

				&:focus + label::before {
					background-color: var( --color-primary );
					border-color: var( --color-primary );
					box-shadow: inset 0 0 0 1px var( --color-primary ), inset 0 0 0 2px #fff;
				}

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

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

		&:disabled + label::before {
			background-color: var( --color-surface-4 );
			border-color: var( --color-surface-4 );
		}
	}
}
Add darkmode to diff view and legacy inputs 2019-12-27 13:54:40 +00:00			`/*`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`* Citizen`
			`*`
feat(core): ✨ redo MediaWiki UI styles 2022-11-30 20:38:59 +00:00			`* SkinStyles for MediaWiki`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`* Module: mediawiki.ui.checkbox`
feat(core): ✨ redo MediaWiki UI styles 2022-11-30 20:38:59 +00:00			`* Version: REL1_39`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`*`
feat(core): ✨ redo MediaWiki UI styles 2022-11-30 20:38:59 +00:00			`* Date: 2022-11-30`
Add darkmode to diff view and legacy inputs 2019-12-27 13:54:40 +00:00			`*/`

feat(core): ✨ redo MediaWiki UI styles 2022-11-30 20:38:59 +00:00			`.mw-ui-checkbox {`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`[ type='checkbox' ] {`
ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`& + label::before {`
feat(core): ✨ redo MediaWiki UI styles 2022-11-30 20:38:59 +00:00			`// Show background when hovered`
			`background-color: transparent;`
feat(core): ✨ rename border-color variables and increase contrast Align variable names with Codex 2024-04-19 19:14:18 +00:00			`border-color: var( --border-color-interactive );`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`border-radius: var( --border-radius--small );`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`}`

			`&:enabled {`
ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&:focus + label::before {`
feat(ooui): ✨ redo OOUI styles 2022-12-01 02:42:28 +00:00			`background-color: var( --color-surface-0 );`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`border-color: var( --color-primary );`
feat(core): ✨ redo MediaWiki UI styles 2022-11-30 20:38:59 +00:00			`box-shadow: inset 0 0 0 1px var( --color-primary );`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`}`

ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&:hover + label::before {`
feat(core): ✨ redo MediaWiki UI styles 2022-11-30 20:38:59 +00:00			`background-color: var( --color-surface-0 );`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`border-color: var( --color-primary--hover );`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`}`
Add darkmode to diff view and legacy inputs 2019-12-27 13:54:40 +00:00
ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&:active + label::before {`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`background-color: var( --color-primary--active );`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`border-color: var( --color-primary--active );`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`box-shadow: inset 0 0 0 1px var( --color-primary--active );`
Add darkmode to diff view and legacy inputs 2019-12-27 13:54:40 +00:00			`}`

feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`&:checked {`
ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`& + label::before {`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`background-color: var( --color-primary );`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`border-color: var( --color-primary );`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`}`

ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&:focus + label::before {`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`background-color: var( --color-primary );`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`border-color: var( --color-primary );`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`box-shadow: inset 0 0 0 1px var( --color-primary ), inset 0 0 0 2px #fff;`
			`}`

ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&:hover + label::before {`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`background-color: var( --color-primary--hover );`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`border-color: var( --color-primary--hover );`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`}`

ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&:active + label::before {`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`background-color: var( --color-primary--active );`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`border-color: var( --color-primary--active );`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`}`
Add darkmode to diff view and legacy inputs 2019-12-27 13:54:40 +00:00			`}`
			`}`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00
ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&:disabled + label::before {`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`background-color: var( --color-surface-4 );`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`border-color: var( --color-surface-4 );`
feat: rewrite MediaWiki UI skinstyles to the new system 2021-07-27 20:24:26 +00:00			`}`
Add darkmode to diff view and legacy inputs 2019-12-27 13:54:40 +00:00			`}`
			`}`