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

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

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

/*!
 * Based on 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-popupWidget-popup {
	border: 0;
	border-radius: 0;
	.boxshadow(4);
}

.oo-ui-buttonElement > .oo-ui-buttonElement-button {
	border-radius: 0;
}

.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
	border-radius: 0;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-color: @base-90;
	border-color: @base-90;

	&:hover {
		border-color: @base-100;
		.boxshadow(3);
	}
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
	border-color: #c8ccd1;
}

.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea {
	border-color: @base-80;
	border-radius: 0;
	.boxshadow(1);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled input,
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
	.boxshadow(1);

	&:focus {
		.boxshadow(3);
	}
}