Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

//---------------component style--------------------
//my-widget.scss
.my-widget {
   //in French it should look like this
  .fr & {
     font-size: 1em;
  }
  
  //in English it should look like this
  .en & {
    font-size:2em;
  }
  
  .ie678 & {
    font-size:10em;
  }

//in portrait
 @media (orientation: portrait) { 
   & {
    width: 100px; 
    
    //in protrait and english
    .fr & {
      
      font-size:3em;
    }
   }
 }
}
//_my-widget2.scss
.my-widget2 {}

//---------------------distrubted style------------------
//in _fr.scss
.fr {
  .my_widget {}
  .my_widget2 {}
  
}

//in _en.scss
.en {
  .my_widget {}
  .my_widget2 {}
  
}
//in _portrait.scss
@media (orientation: portrait) { 
  .my_widget {}
  .my_widget2 {}
}

SassMeister-output.css

.fr .my-widget {
  font-size: 1em;
}
.en .my-widget {
  font-size: 2em;
}
.ie678 .my-widget {
  font-size: 10em;
}
@media (orientation: portrait) {
  .my-widget {
    width: 100px;
  }
  .fr .my-widget {
    font-size: 3em;
  }
}