/** =================================================================================================
 *  The 'z-index-map' is used for managing the elements stacking order in the 'root' stacking context
 *  This way we have a overview of all the z-index values that are used across the project.
 ==================================================================================================== */


$z-index: (
	z-visible-grid:				10000,
	z-cookie:		 			9999,
	z-header: 					50,
	z-body:						40,
	z-prefooter:			 	30,
	z-footer:				 	20,
	z-subfooter:				10,
);


/**
    USAGE:

    @include z(z-modal);

 */

@mixin z($label) {
	z-index: map-get($z-index,$label);
}