Generated by SassMeister.com.

SassMeister-input.scss

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

.interactions {
  //Bad because .interactions is at a higher level that body
  body {
    background: red;
  }
  
  //Bad because .interactions class should be on the same element
  body & {
    background: red;
  }
  
  //Bad because .interactions is also present at the higher level
  body#{&} {
    background: red;
  }
  
  //Bad because .interactions is still present at the higher level
  @at-root body#{&} {
    background: red;
  }
  
  //Works without variable interpolation... weird
  @at-root body.interactions {
    background: red;
  }
}

SassMeister-output.css

.interactions body {
  background: red;
}

body .interactions {
  background: red;
}

.interactions body.interactions {
  background: red;
}

.interactions body.interactions {
  background: red;
}

body.interactions {
  background: red;
}