Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="ng-scope ng-invalid">
  <div class="date-picker">yes</div>
</div>

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

.date-picker {
  .ng-invalid > & {
    content: 'parents';
    color: red;
  }
  label {
    content: 'bar';
  }
}

.harmonica {
  &__header {
    color: green;
    
    .step__visited > &,
    .step__active > & {
      color: blue;
    }
  }
  
}

SassMeister-output.css

.ng-invalid > .date-picker {
  content: 'parents';
  color: red;
}

.date-picker label {
  content: 'bar';
}

.harmonica__header {
  color: green;
}

.step__visited > .harmonica__header,
.step__active > .harmonica__header {
  color: blue;
}

SassMeister-rendered.html

<div class="ng-scope ng-invalid">
  <div class="date-picker">yes</div>
</div>