Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// Flint (v1.3.5)
// ----

@import "flint";

// Using media query bubbling with Flint
// -----------------------------------------------------------------------------------
// @at : http://sass-lang.com/documentation/file.SASS_REFERENCE.html#media
// @download : https://github.com/ezekg/flint/
 
.normal {
  @include _(greater than tablet) {
    property: value;
  }
}

.bubble {
  @include _(greater than tablet) {
    
    // Landscape orientation
    @media (orientation: landscape) {
      property: value;
    }
    
    // Portrait orientation
    @media (orientation: portrait) {
      property: value;
    }
    
  }
}

SassMeister-output.css

@media only screen and (min-width: 641px) {
  .normal {
    property: value;
  }
}

@media only screen and (min-width: 641px) and (orientation: landscape) {
  .bubble {
    property: value;
  }
}
@media only screen and (min-width: 641px) and (orientation: portrait) {
  .bubble {
    property: value;
  }
}