Generated by SassMeister.com.

SassMeister-input.sass

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


=pane-parent-eq-lg-down
  [data-eq-state="pane"] &,
  [data-eq-state="pane-xs"] &,
  [data-eq-state="pane-sm"] &,
  [data-eq-state="pane-md"] &,
  [data-eq-state="pane-lg"] &
    @content

=pane-container-eq-lg-down
  [data-eq-state="pane"],
  [data-eq-state="pane-xs"],
  [data-eq-state="pane-sm"],
  [data-eq-state="pane-md"],
  [data-eq-state="pane-lg"]
    @content

// dont include above code--  just needed here for rendering


.product-image
  border: 1px blue solid
  +pane-parent-eq-lg-down
    display: none
  img
    display: block
    position: relative
    float: right
    height: auto
    max-width: none
    
    // or you can do this...
    
    
    
.product-image
  border: 1px blue solid
  img
    display: block
    position: relative
    float: right
    height: auto
    max-width: none
    
+pane-container-eq-lg-down    
  .product-image
    display: none

SassMeister-output.css

.product-image {
  border: 1px blue solid;
}
[data-eq-state="pane"] .product-image, [data-eq-state="pane-xs"] .product-image, [data-eq-state="pane-sm"] .product-image, [data-eq-state="pane-md"] .product-image, [data-eq-state="pane-lg"] .product-image {
  display: none;
}
.product-image img {
  display: block;
  position: relative;
  float: right;
  height: auto;
  max-width: none;
}

.product-image {
  border: 1px blue solid;
}
.product-image img {
  display: block;
  position: relative;
  float: right;
  height: auto;
  max-width: none;
}

[data-eq-state="pane"] .product-image,
[data-eq-state="pane-xs"] .product-image,
[data-eq-state="pane-sm"] .product-image,
[data-eq-state="pane-md"] .product-image,
[data-eq-state="pane-lg"] .product-image {
  display: none;
}