/**
 * Introduces a toggle icon than can be used to hide navigation menu in vector
 * @author Niklas Laxström
 * @license GPL-2.0-or-later
 */

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

.tux-navitoggle {
	.cdx-mixin-css-icon( @cdx-icon-double-chevron-start, @color-subtle );
	height: 40px;
	position: absolute;
	top: 0;
	z-index: @z-index-top;
	cursor: pointer;
}

.tux-navi-minilogo {
	display: none;
	position: absolute;
	top: 0;
	left: 0;

	a {
		width: 40px;
		height: 40px;
		background-size: 30px;
		display: block;
		background-repeat: no-repeat;
		background-position: center center;
	}
}

.tux-navi-collapsed {
	.tux-navitoggle {
		.cdx-mixin-css-icon( @cdx-icon-double-chevron-end, @color-subtle );
		height: 40px;
		left: 40px !important;
	}

	#mw-panel {
		display: none;
	}

	#content {
		margin-left: 0;
	}

	#left-navigation {
		left: 0;
	}

	.tux-navi-minilogo {
		display: block;
	}
}