Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

// Using `&` operator and parent selectors

/*! All Sass versions */
.parent {
  background-color: #0e0e0e;
  
  .child {
    text-align: center;  
    
    &:hover {
      color: inherit;
    }

  }

  .modifier & {
    visibility: hidden;
  }

}

/*! Sass 3.3 */
.nav-sub {
  background-color: #0e0e0e;
  
  &-link {
    text-align: center;  
  }

}

SassMeister-output.css

/*! All Sass versions */
.parent {
  background-color: #0e0e0e;
}
.parent .child {
  text-align: center;
}
.parent .child:hover {
  color: inherit;
}
.modifier .parent {
  visibility: hidden;
}

/*! Sass 3.3 */
.nav-sub {
  background-color: #0e0e0e;
}
.nav-sub-link {
  text-align: center;
}