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-base );
		}

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

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

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

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

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

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

				&:active + label::before {
					background-color: var( --color-progressive--active );
					border-color: var( --color-progressive--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 );`
feat(core): ✨ use px for border-radius - Move border radius calculation to CSS variable instead of LESS - Rename CSS variable according to Codex, soft-deprecating the existing border radius 2024-07-05 17:24:31 +00:00			`border-radius: var( --border-radius-base );`
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 );`
feat(core): ✨ convert some CSS variables into Codex equivalent This is an on-going work to adapt Codex into Citizen. Some of the CSS variables are soft depreciated, see tokens.less for updated info. 2024-06-30 05:04:30 +00:00			`border-color: var( --color-progressive );`
			`box-shadow: inset 0 0 0 1px var( --color-progressive );`
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 );`
feat(core): ✨ convert some CSS variables into Codex equivalent This is an on-going work to adapt Codex into Citizen. Some of the CSS variables are soft depreciated, see tokens.less for updated info. 2024-06-30 05:04:30 +00:00			`border-color: var( --color-progressive--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(core): ✨ convert some CSS variables into Codex equivalent This is an on-going work to adapt Codex into Citizen. Some of the CSS variables are soft depreciated, see tokens.less for updated info. 2024-06-30 05:04:30 +00:00			`background-color: var( --color-progressive--active );`
			`border-color: var( --color-progressive--active );`
			`box-shadow: inset 0 0 0 1px var( --color-progressive--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(core): ✨ convert some CSS variables into Codex equivalent This is an on-going work to adapt Codex into Citizen. Some of the CSS variables are soft depreciated, see tokens.less for updated info. 2024-06-30 05:04:30 +00:00			`background-color: var( --color-progressive );`
			`border-color: var( --color-progressive );`
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(core): ✨ convert some CSS variables into Codex equivalent This is an on-going work to adapt Codex into Citizen. Some of the CSS variables are soft depreciated, see tokens.less for updated info. 2024-06-30 05:04:30 +00:00			`background-color: var( --color-progressive );`
			`border-color: var( --color-progressive );`
			`box-shadow: inset 0 0 0 1px var( --color-progressive ), inset 0 0 0 2px var( --color-inverted-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): ✨ convert some CSS variables into Codex equivalent This is an on-going work to adapt Codex into Citizen. Some of the CSS variables are soft depreciated, see tokens.less for updated info. 2024-06-30 05:04:30 +00:00			`background-color: var( --color-progressive--hover );`
			`border-color: var( --color-progressive--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(core): ✨ convert some CSS variables into Codex equivalent This is an on-going work to adapt Codex into Citizen. Some of the CSS variables are soft depreciated, see tokens.less for updated info. 2024-06-30 05:04:30 +00:00			`background-color: var( --color-progressive--active );`
			`border-color: var( --color-progressive--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			`}`
			`}`