/** =================================================================================================
 *  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-overlay-menu:			100,
	z-header: 					50,
	z-body:							40,
	z-footer:				 		20,
	z-subfooter:				10,
);


/**
    USAGE:

    @include z(z-modal);

 */

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