/** =================================================================================================
 *  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-cookie-message-overlay: 	9999,
	z-two-text-columns:			10,
);


/**
    USAGE:

    @include z(z-modal);

 */

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