pyronaur · April 19, 2017 17:36
diff --git a/import_order.styl b/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"
diff --git a/layers.styl b/layers.styl

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


 }
diff --git a/usage.styl b/usage.styl

 .Wrapper {
  layer(Wrapper)
 }

 .Thing-5 {
  layer(Wrapper, -10) // place .Thing-5 10 levels below .Wrapper
 }
diff --git a/z_index_debug.styl b/z_index_debug.styl
 if( length(unused_z_layers) > 0 )
 	p( '-----' )
 	warn("Unused layers found")
 	p(unused_z_layers)
 	p( '-----' )
diff --git a/z_index_layer.styl b/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
	/**
	*
	* 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"

	.Wrapper {
	layer(Wrapper)
	}

	.Thing-5 {
	layer(Wrapper, -10) // place .Thing-5 10 levels below .Wrapper
	}
	// 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