mediawiki-skins-Citizen/skinStyles/oojs-ui-toolbars.less

/*
 * Citizen - OOJS-UI Styles
 * https://starcitizen.tools
*/

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

/*!
 * OOUI v0.26.4
 * https://www.mediawiki.org/wiki/OOUI
 *
 * Copyright 2011–2018 OOUI Team and other contributors.
 * Released under the MIT license
 * http://oojs.mit-license.org
 *
 * Date: 2018-04-17T22:24:02Z
 */

.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
	border: 0;
	.boxshadow(3);
}

.oo-ui-toolbar-bar .oo-ui-toolbar-bar {
	box-shadow: none;
}

.oo-ui-toolGroup,
.oo-ui-toolbar-actions .oo-ui-toolGroup {
	border-color: @base-100;
}

.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
	border: 0;
	.boxshadow(3);
}

@media ( prefers-color-scheme: dark ) {
	.oo-ui-toolbar-bar {
    	background-color: @dark-bg-20;
    	color: @dark-text-100;
	}

	.oo-ui-toolGroup,
	.oo-ui-toolbar-actions .oo-ui-toolGroup,
	.oo-ui-toolbar-actions > .oo-ui-toolbar:not(:last-child),
	.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {
		border-color: @dark-bg-20;
	}

	.oo-ui-popupToolGroup {
		.oo-ui-toolGroup-tools {
    		background-color: @dark-bg-20;
		}
		.oo-ui-tool-link .oo-ui-tool-title {
			color: @dark-text-100;
		}
	}

	.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
	.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
    	background-color: @dark-bg-10;
    	color: @dark-text-100;
	}
}