@import 'mediawiki.mixins';
@import 'mediawiki.ui/variables';
@import 'flow.variables';

// TODO most of this should move to VisualEditorWidget.less once the old editor system
// has been removed
.flow-component {
	.ve-init-target {
		border: 1px solid #CCC;
	}

	.ve-ce-documentNode,
	.ve-ui-surface-placeholder {
		padding: 1px 8px;
	}

	.ve-ce-documentNode {
		min-height: @editorMinHeight;
		box-sizing: border-box;
	}

	.ve-ui-surface {
		// This creates a space for the toolbar, a matching negative margin-top
		// shifts the toolbar into this location.
		// @todo where did this 40 come from, could it be calculated?
		padding-bottom: @editorToolbarHeight;
	}

	.ve-ui-debugBar {
		/* Move above bottom toolbar */
		margin: -@editorToolbarHeight 0 @editorToolbarHeight;
		padding: 4px 8px;
		/* Make sure the surface doesn't overlay */
		position: relative;
	}

	.ve-ui-surface-placeholder {
		font-style: italic;
	}

	.ve-ui-overlay {
		line-height: normal;
	}
}