Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

.colorAndWheel {
 
   height: 200px; 
   width:800px;
   
   &:hover {
     
     height: 20px;
   }
   .hero & {
     height:400px;
   }
   
   @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
      & {
         height:800px;    
      }
   }
   
}

SassMeister-output.css

.colorAndWheel {
  height: 200px;
  width: 800px;
}
.colorAndWheel:hover {
  height: 20px;
}
.hero .colorAndWheel {
  height: 400px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .colorAndWheel {
    height: 800px;
  }
}