SASS/SCSS #at-root and #selector-unify examples

SassMeister-input.scss

// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

// Class component
.component{
  color:red;
  @at-root section#{&} {
    color:blue;
  }
  .child{
    color: blue;
    @at-root #{selector-unify(&, p)}{
      color: red;
    }
  }
}

SassMeister-output.css

.component {
  color: red;
}
section.component {
  color: blue;
}
.component .child {
  color: blue;
}
.component p.child {
  color: red;
}