/*!
 * VisualEditor MediaWiki UserInterface MWReferenceDialog styles.
 *
 * @copyright 2011-2019 VisualEditor Team's Cite sub-team and others; see AUTHORS.txt
 * @license MIT
 */

@import 'mediawiki.skin.variables.less';

.ve-ui-mwReferenceEditPanel > .oo-ui-layout {
	padding: @spacing-75 @spacing-100 @spacing-100 @spacing-100;
}

.ve-ui-mwReferenceDialog-reuseWarning {
	font-weight: normal;
	margin-bottom: 1em;
}

.oo-ui-fieldLayout.ve-ui-mwReferenceDialog-changeAll {
	margin-top: @spacing-35;
}

.ve-ui-mwReferenceDialog-helpLink {
	margin-top: @spacing-75;
}

.ve-ui-mwReference-details-preview-panel {
	&.oo-ui-layout {
		// Reset the bottom @spacing-100 from above
		padding-bottom: 0;
	}

	.ve-ui-mwReferenceDialog-referencePreview-fieldset {
		padding-bottom: @spacing-100;
		border-bottom: @border-style-base @border-color-subtle @border-width-base;

		// Reset OOUI's slightly larger font size for the header
		.oo-ui-fieldsetLayout-header .oo-ui-labelElement-label {
			font-size: inherit;
			margin-bottom: @spacing-100;
		}
	}

	.ve-ui-mwReference-details-preview-item {
		margin-top: @spacing-75;
		margin-left: @spacing-200;
	}

	.ve-ui-mwReference-icon-newline {
		transform: scaleX( -1 );
		display: inline-block;
		margin-left: -@spacing-200;

		> span {
			.cdx-mixin-css-icon( @cdx-icon-newline );
			margin-left: @spacing-65;
			margin-right: @spacing-25;
		}
	}

	.ve-ui-mwReference-placeholder {
		color: @color-placeholder;
		font-style: italic;
	}
}