Generated by SassMeister.com.

SassMeister-input.scss

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

@mixin yoko {
  @media all and (orientation:landscape) {
    @content;
  }
}

@mixin tate {
  @media all and (orientation:portrait) {
    @content;
  }
}
    
    
.item {
  width: 50%;
  @include tate {
    width: 100%;
  }
@include yoko {
  width: 25%;
}
.image {
  @include tate {
    width: 150%;
  }
  @include yoko {
    float: left;
  }
}
    }

SassMeister-output.css

.item {
  width: 50%;
}
@media all and (orientation: portrait) {
  .item {
    width: 100%;
  }
}
@media all and (orientation: landscape) {
  .item {
    width: 25%;
  }
}
@media all and (orientation: portrait) {
  .item .image {
    width: 150%;
  }
}
@media all and (orientation: landscape) {
  .item .image {
    float: left;
  }
}