/**
* Open Close Helpers
*
* @author splitfire - http://splitfire.fr
* @version 2.1
*
* Modification du positionnement et affichage des elements en fonction du menu open/close
*
*/ 


/* Gestion du menu open/close
------------------------------*/ 


/*@include mq($toDevice:phone) 
{
	//Par defaut le header est positionné à droite.
	//cette directive est la pour eviter l'effet de gauche/droite en passant du mode desktop à tablet/phone
	.header_wrapper
	{
		margin:0 0 0 0;	
		padding:0 0 0 0;
	}		
}*/

//Cas du menu ouvert
.menu-open
{
	// bouton de réduction du menu
	/*& .main_menu--collapse_btn
	{
		@extend %icon-style;
		//icon
		&:before
		{
			@extend .icon-indent-decrease:before;		
		
		}
		//Sur device phone on cache le bouton de réduction du menu
		@include mq($toDevice: phone){display: none;}
	}*/
	/*//padding du content initiale
	& .content_wrapper
	{
		padding-left:  ($menuOpen + 5px);
		//@todo regler les padding
		@include mq(tablet)
		{	
			padding-left: $paddingContentRwd;
			position: relative;
			left: $menuOpen;
		}	
		@include mq($toDevice: phone)
		{
			padding-left: $paddingContentRwd;
			position: relative;
			left:$menuOpen;
		}	

	}*/
	/*& .toolbar_action
	{
		@include mq($toDevice: phone)
		{
			left:$menuOpen - ($paddingContentRwd * 2);
		}
		@include mq(tablet)
		{
			left:$menuOpen - ($paddingContentRwd * 2);
		}			
	}*/
	// btn search qui est caché lorsque le menu est ouvert laissant place au formulaire
	/*& .search-btn
	{
		display: none;
	}
	/*@include mq($toDevice:phone) 
	{
		//on décale le menu
		left:0;
		//On décale le header
		/*.header_wrapper
		{
			margin:0 0 0 ($menuOpen - 10px);	
			padding:0 0 0 10px;
		}		
	}*/
}

//Cas du menu fermé
.menu-close
{	
	// Bouton d'agrandissement du menu
	/*& .main_menu--collapse_btn
	{
		@extend %icon-style;
		//icon
		&:before
		{
			@extend .icon-indent-increase:before;		
		
		}
		@include mq($toDevice: phone){display: none;}
	}*/
	//Menu réduit
	/*& .main_menu
	{
		width: $menuClose;
		@include mq($toDevice: phone){left:-$menuOpen;}	

	}*/
	/*//margin du content réduit
	& .content_wrapper
	{
		padding-left: ($menuClose + 5px);
		@include mq($toDevice: phone){padding-left: 5px;}
	}*/
	
	//etat du formulaire de recherche
	/*& .search--input,
	& .search--button
	{
		display: none;
	}*/
	/*& .main_menu--label
	{
		display: none;
	}*/
	/*
	& .main_menu--item_child
	{
		
		& span + span
		{
			display: none;
		}
	}
	& .main_menu--dropdown_target
	{
		& > *
		{
			padding: 0;
		}	
	}
	& .main_menu--item_child 
	{
		padding-left:15px;
	}*/
}