Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.1)
// ----

@mixin e($name) {
  @at-root   #{&}__#{$name} {
    @content;
  }
}

@mixin m($name) {
  @at-root   #{&}--#{$name} {
    @content;
  }
}


.media {
  float:left;
  @include e(img){
    display:block;
    @include m(borded) {
      border:1px solid red;
    }
  }
  @include e(text) {
    display:block;
  }
  
  
}

SassMeister-output.css

.media {
  float: left;
}
.media__img {
  display: block;
}
.media__img--borded {
  border: 1px solid red;
}
.media__text {
  display: block;
}