z-index layers in stylus

import_order.styl

/**
*
*  You can read more about this gist here:
*  http://justnorris.com/manage-css-z-index/
*
*/
@require "layers.styl"
@require "z_index_layer.styl"
@require "usage.styl"
@require "z_index_debug.styl"

layers.styl

z_layers = {
	
	// Generic
	background: -1,
	loading-cover: 5000,
	progress: 5500,
	
	// #header
	Header: 800,
	Footer: 50,
	
	// #Wrapper
	Wrapper: 30,
	
	// Menu
	Menu: 3000,


}

usage.styl

.Wrapper {
  layer(Wrapper)
}

.Thing-5 {
  layer(Wrapper, -10) // place .Thing-5 10 levels below .Wrapper
}

z_index_debug.styl

if( length(unused_z_layers) > 0 )
	p( '-----' )
	warn("Unused layers found")
	p(unused_z_layers)
	p( '-----' )

z_index_layer.styl

// Note, that `z_layer` variable must exist already, so this file has to be included after `layers.styl`
unused_z_layers = clone(z_layers)

layer(group, adjust = 0)

	// Find unused z-layers
	if group in unused_z_layers
		used = remove(unused_z_layers, group)

	z-index: z_layers[group] + adjust