@import 'mediawiki.ui/variables.less';

// The dimensions of the UI affordance (the little line in the draggable area).
@affordance-width: 4px;
@affordance-length: 52px;

.ext-WikiEditor-ResizingDragBar {
	background-color: @colorGray14;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ext-WikiEditor-ResizingDragBar-ns {
	cursor: ns-resize;
}

.ext-WikiEditor-ResizingDragBar-ew {
	cursor: ew-resize;
	background-color: @colorGray15;
}

.ext-WikiEditor-ResizingDragBar span {
	width: @affordance-length;
	height: @affordance-width;
	background-color: @colorGray12;
	border-radius: 2px;
	display: block;
	margin: 2px;
}

.ext-WikiEditor-ResizingDragBar:hover span {
	background-color: @colorGray5;
}

.ext-WikiEditor-ResizingDragBar-ew span {
	height: @affordance-length;
	width: @affordance-width;
	border-width: 0 1px;
}
