mediawiki-skins-Citizen/skinStyles/extensions/TabberNeue/ext.tabberNeue.less

/*
 * Citizen
 *
 * SkinStyles for Extension:TabberNeue
 * Module: ext.tabberNeue
 * Version: 2.5.0
 *
 * Date: 2024-08-31
*/

.tabber {
	&__tab {
		font-weight: var( --font-weight-medium );
	}

	&__header {
		&__prev,
		&__next {
			&::after {
				opacity: var( --opacity-icon-base );
			}
		}
	}
}

@media ( hover: hover ) {
	.tabber {
		&__header {
			&__prev,
			&__next {
				&:hover {
					&::after {
						opacity: var( --opacity-icon-base--hover );
					}
				}

				&:active {
					&::after {
						opacity: var( --opacity-icon-base--selected );
					}
				}

				&::after {
					filter: var( --filter-invert );
				}
			}
		}
	}
}
docs: add skinstyles header comment to TabberNeue file 2021-07-30 03:07:01 +00:00			`/*`
			`* Citizen`
			`*`
			`* SkinStyles for Extension:TabberNeue`
feat(TabberNeue): ✨ update TabberNeue RL module name 2024-05-25 04:47:02 +00:00			`* Module: ext.tabberNeue`
feat(TabberNeue): ✨ drop CSS variable definition for TabberNeue It is already covered in 2.5.0 of TabberNeue 2024-09-01 00:11:00 +00:00			`* Version: 2.5.0`
docs: add skinstyles header comment to TabberNeue file 2021-07-30 03:07:01 +00:00			`*`
feat(TabberNeue): ✨ drop CSS variable definition for TabberNeue It is already covered in 2.5.0 of TabberNeue 2024-09-01 00:11:00 +00:00			`* Date: 2024-08-31`
docs: add skinstyles header comment to TabberNeue file 2021-07-30 03:07:01 +00:00			`*/`

feat: add TabberNeue styles 2021-06-22 00:50:25 +00:00			`.tabber {`
			`&__tab {`
feat(core): ✨ use different font weight in different themes The same font weight do not provide the same contrast in different themes. We should be able to change the scaling 2022-10-23 23:40:19 +00:00			`font-weight: var( --font-weight-medium );`
feat(tabberNeue): ✨ update skinStyles 2022-10-21 22:11:01 +00:00			`}`

feat: tweak TabberNeue button styles 2021-06-22 01:00:42 +00:00			`&__header {`
			`&__prev,`
			`&__next {`
ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&::after {`
feat: tweak TabberNeue button styles 2021-06-22 01:00:42 +00:00			`opacity: var( --opacity-icon-base );`
			`}`
			`}`
			`}`
feat: add TabberNeue styles 2021-06-22 00:50:25 +00:00			`}`

			`@media ( hover: hover ) {`
			`.tabber {`
			`&__header {`
			`&__prev,`
			`&__next {`
			`&:hover {`
ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&::after {`
feat: tweak TabberNeue button styles 2021-06-22 01:00:42 +00:00			`opacity: var( --opacity-icon-base--hover );`
			`}`
feat: add TabberNeue styles 2021-06-22 00:50:25 +00:00			`}`

			`&:active {`
ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&::after {`
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			`opacity: var( --opacity-icon-base--selected );`
feat: tweak TabberNeue button styles 2021-06-22 01:00:42 +00:00			`}`
feat: add TabberNeue styles 2021-06-22 00:50:25 +00:00			`}`

feat(core): ✨ use filter-invert CSS variable to flip color This decouple the filter style from the class. Instead, filter-invert can be redefined if needed (e.g. :root.skin-citizen-dark) 2023-07-10 20:56:56 +00:00			`&::after {`
			`filter: var( --filter-invert );`
			`}`
feat: add TabberNeue styles 2021-06-22 00:50:25 +00:00			`}`
			`}`
			`}`
			`}`