mediawiki-skins-Citizen/skinStyles/extensions/Flow/ext.flow.less

/*
 * Citizen
 *
 * SkinStyles for Extension:StructuredDiscussions
 * Module: ext.flow
 * Version: REL1_35 (e3379f0)
 *
 * Date: 2022-04-27
*/

@import '../../../resources/variables.less';

/* styles/mediawiki.ui/modal.less */
.flow-ui-modal {
	background: var( --background-color-backdrop-light );
}

.flow-ui-modal-layout {
	color: var( --color-base );
	background: var( --color-surface-1 );
	box-shadow: var( --box-shadow-drop-xx-large );
}

.flow-ui-modal-heading {
	color: var( --color-base );
	border-bottom-color: var( --border-color-base );
}

.flow-ui-modal-heading-prev {
	color: var( --color-subtle );
	border-right-color: var( --border-color-base );
}

.flow-ui-modal-heading-next {
	color: var( --color-subtle );
	border-left-color: var( --border-color-base );
}

/* styles/mediawiki.ui/tooltips.less */
.flow-ui-tooltip {
	color: var( --color-base );
	background-color: var( --color-surface-1 );
	box-shadow: var( --box-shadow-drop-xx-large );

	.flow-ui-tooltip-triangle {
		&::after {
			position: absolute;
			z-index: @z-index-stacking-1;
			width: 1em;
			height: 1em;
			content: '';
			background: var( --color-surface-1 );
			-webkit-transform: rotate( 45deg );
			transform: rotate( 45deg );
		}
	}

	// triangle on top
	&.flow-ui-tooltip-up {
		.flow-ui-tooltip-triangle {
			&::after {
				/* @noflip */
				box-shadow: 0 0 1px 0 var( --border-color-base );
			}
		}
	}

	// triangle on bottom
	&.flow-ui-tooltip-down {
		.flow-ui-tooltip-triangle {
			&::after {
				/* @noflip */
				box-shadow: 0 -1.5px 0 1.5px var( --border-color-base ), 0 0 1px 0 var( --border-color-base );
			}
		}
	}

	// triangle at left
	&.flow-ui-tooltip-left {
		.flow-ui-tooltip-triangle {
			&::after {
				/* @noflip */
				box-shadow: 1.5px 0 0 1.5px var( --border-color-base ), 0 0 1px 0 var( --border-color-base );
			}
		}
	}

	// triangle at right
	&.flow-ui-tooltip-right {
		.flow-ui-tooltip-triangle {
			&::after {
				/* @noflip */
				box-shadow: 0 1.5px 0 1.5px var( --border-color-base ), 0 0 1px 0 var( --border-color-base );
			}
		}
	}
}
Attempt to clean file tree 2019-12-29 18:45:17 +00:00			`/*`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`* Citizen`
			`*`
			`* SkinStyles for Extension:StructuredDiscussions`
			`* Module: ext.flow`
			`* Version: REL1_35 (e3379f0)`
			`*`
			`* Date: 2022-04-27`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00			`*/`

fix(StructuredDiscussions): 🐛 fix missing LESS import Closes: #711 2024-09-04 04:34:40 +00:00			`@import '../../../resources/variables.less';`

feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`/* styles/mediawiki.ui/modal.less */`
			`.flow-ui-modal {`
feat(core): ✨ convert some CSS variables into Codex equivalent part 2 Also fix various inconsistencies with quiet buttons 2024-07-01 00:41:31 +00:00			`background: var( --background-color-backdrop-light );`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`}`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`.flow-ui-modal-layout {`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`color: var( --color-base );`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`background: var( --color-surface-1 );`
feat(core): ✨ update box-shadow CSS variables * Tokenize shadow vertical distance * Rename CSS variables to match Codex counterpart * Reduce the vertical distance for all box shadow 2024-07-25 01:53:51 +00:00			`box-shadow: var( --box-shadow-drop-xx-large );`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`}`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`.flow-ui-modal-heading {`
			`color: var( --color-base );`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`border-bottom-color: var( --border-color-base );`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`}`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`.flow-ui-modal-heading-prev {`
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			`color: var( --color-subtle );`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`border-right-color: var( --border-color-base );`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`}`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`.flow-ui-modal-heading-next {`
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			`color: var( --color-subtle );`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`border-left-color: var( --border-color-base );`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`}`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`/* styles/mediawiki.ui/tooltips.less */`
			`.flow-ui-tooltip {`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`color: var( --color-base );`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`background-color: var( --color-surface-1 );`
feat(core): ✨ update box-shadow CSS variables * Tokenize shadow vertical distance * Rename CSS variables to match Codex counterpart * Reduce the vertical distance for all box shadow 2024-07-25 01:53:51 +00:00			`box-shadow: var( --box-shadow-drop-xx-large );`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`.flow-ui-tooltip-triangle {`
ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&::after {`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`position: absolute;`
feat(core): ✨ use Codex tokens for z-index 2024-07-09 20:44:15 +00:00			`z-index: @z-index-stacking-1;`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`width: 1em;`
			`height: 1em;`
			`content: '';`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`background: var( --color-surface-1 );`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`-webkit-transform: rotate( 45deg );`
			`transform: rotate( 45deg );`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00			`}`
			`}`

feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`// triangle on top`
			`&.flow-ui-tooltip-up {`
			`.flow-ui-tooltip-triangle {`
ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&::after {`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`/* @noflip */`
			`box-shadow: 0 0 1px 0 var( --border-color-base );`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00			`}`
			`}`
			`}`

feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`// triangle on bottom`
			`&.flow-ui-tooltip-down {`
			`.flow-ui-tooltip-triangle {`
ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&::after {`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`/* @noflip */`
			`box-shadow: 0 -1.5px 0 1.5px var( --border-color-base ), 0 0 1px 0 var( --border-color-base );`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00			`}`
			`}`
			`}`

feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`// triangle at left`
			`&.flow-ui-tooltip-left {`
			`.flow-ui-tooltip-triangle {`
ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&::after {`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`/* @noflip */`
			`box-shadow: 1.5px 0 0 1.5px var( --border-color-base ), 0 0 1px 0 var( --border-color-base );`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00			`}`
			`}`
			`}`

feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`// triangle at right`
			`&.flow-ui-tooltip-right {`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00			`.flow-ui-tooltip-triangle {`
ci: 👷 lint code to MediaWiki standards Check commit and GitHub actions for more details 2023-02-28 21:59:36 +00:00			`&::after {`
feat(skinStyles): update StructuredDiscussions to grade B It should also fix all the error that comes with using Citizen with the extension Closes #438 2022-04-27 22:51:31 +00:00			`/* @noflip */`
			`box-shadow: 0 1.5px 0 1.5px var( --border-color-base ), 0 0 1px 0 var( --border-color-base );`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00			`}`
			`}`
			`}`
			`}`