Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

// Example based on http://www.smashingmagazine.com/2014/06/12/sassy-z-index-management-for-complex-layouts/
// This example reduces effort and required code by using @each and #{} to make updating a z-index list the only effort needed.
$elements: project-covers, user-tooltip, sorting-bar, modals, navigation;
$modal-elements: field, form-controls, error, autocomplete-dropdown;

.modal {
  z-index: index($elements, modals);

  @each $el in $modal-elements {
    .#{$el} {
      z-index: index($modal-elements, $el);
    }
  }
}

SassMeister-output.css

.modal {
  z-index: 4;
}
.modal .field {
  z-index: 1;
}
.modal .form-controls {
  z-index: 2;
}
.modal .error {
  z-index: 3;
}
.modal .autocomplete-dropdown {
  z-index: 4;
}