gistfile1.txt

//
// Produces 4 media queries…
//

.widgetA
  +respond-to(normal)
    font-size: normal
  +respond-to(wide)
    font-size: large

.widgetB
  +respond-to(normal)
    font-size: small
  +respond-to(wide)
    font-size: normal

// results in:

@media screen and (min-width: 46.875em) {
  /* line 167, ../../../app/assets/stylesheets/hh2/views/_tours.sass */
  .widgetA {
    font-size: normal;
  }
}
@media screen and (min-width: 58.594em) {
  /* line 167, ../../../app/assets/stylesheets/hh2/views/_tours.sass */
  .widgetA {
    font-size: large;
  }
}

@media screen and (min-width: 46.875em) {
  /* line 173, ../../../app/assets/stylesheets/hh2/views/_tours.sass */
  .widgetB {
    font-size: small;
  }
}
@media screen and (min-width: 58.594em) {
  /* line 173, ../../../app/assets/stylesheets/hh2/views/_tours.sass */
  .widgetB {
    font-size: normal;
  }
}

//
// Produces 2 media queries…
//

+respond-to(normal)
  .widgetA
    font-size: normal
  .widgetB
    font-size: small

+respond-to(wide)
  .widgetA
    font-size: large  
  .widgetB
    font-size: small

// results in:

@media screen and (min-width: 46.875em) {
  /* line 180, ../../../app/assets/stylesheets/hh2/views/_tours.sass */
  .widgetA {
    font-size: normal;
  }

  /* line 182, ../../../app/assets/stylesheets/hh2/views/_tours.sass */
  .widgetB {
    font-size: small;
  }
}
@media screen and (min-width: 58.594em) {
  /* line 186, ../../../app/assets/stylesheets/hh2/views/_tours.sass */
  .widgetA {
    font-size: large;
  }

  /* line 188, ../../../app/assets/stylesheets/hh2/views/_tours.sass */
  .widgetB {
    font-size: small;
  }