Generated by SassMeister.com.

SassMeister-input.scss

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

/* So our dependency tree looks like:

   - ModuleB
     - ModuleA
       - UserAgent
       - Hoverable  */

@function oHoverableGetSelector() {
  @return '.o-hoverable-on';
}

@function oUserAgentGetSelector() {
  @return '.ie7';
}

@function oSVGGetSelector() {
  @return '.svg';
}

#{oUserAgentGetSelector() + oHoverableGetSelector()} {
  %oModuleASpecialThing {
    color: red;
  }
}

.oModuleBthing {
  @extend %oModuleASpecialThing;
  #{oSVGGetSelector()} & {
   content: 'svg styles'; 
  }
}

 #{oSVGGetSelector()} .oModuleCthing {
  @extend %oModuleASpecialThing;
}

SassMeister-output.css

/* So our dependency tree looks like:

   - ModuleB
     - ModuleA
       - UserAgent
       - Hoverable  */
.ie7.o-hoverable-on .oModuleBthing, .ie7.o-hoverable-on .svg .oModuleCthing, .svg .ie7.o-hoverable-on .oModuleCthing {
  color: red;
}

.svg .oModuleBthing {
  content: 'svg styles';
}