Responsive Foundation 6.0.0

A base z-index to use for panel-like content. Panel-like content can include panels that open and close, such as horizontal secondary navigation menus or filters, which push aside or overlap other content.

Use this variable alone to set a default z-index which will play nicely with other types of interactive content on your site. Use + or - with it to set a z-index relative to all panels. Change this variable to change the default z-index for all panel-like content.

Examples

Ensure two stacked filters on a degree page overlap correctly.

	.degree-filter {
				z-index: $z-index-panels;
			}
		
			.degree-subfilter {
				z-index: $z-index-panels - 1;
			}