Generated by SassMeister.com.

SassMeister-input-HTML.haml

.item
  %span Here is an item!

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// Scut (v1.1.2)
// ----

@import "scut";
@import "compass/css3/transition";
@import "compass/css3/transform";

.item {
  @include transition(background 500ms);
  @include scut-margin(20px n n 60px);
  width: 200px;
  background: red;
  text-align: center;
  color: #fff;
  line-height: 40px;
  font-family: arial;
  font-size: 20px;
  
  &:hover {
    background: blue;
    @include transform(scale3d(1.5, 1.5, 1.5));
    
    html.no-transform3d & {
      @include transform(scale(1.5));
    }

    body.products-section & {
      @include transform(scale3d(1.2, 1.2, 1.2));
      background: green;
      
      html.no-transform3d & {
        @include transform(scale(1.2));
      }
    }
  }
}

SassMeister-output.css

/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v1.1.2
* Docs at http://davidtheclark.github.io/scut
*/
.item {
  -moz-transition: background 500ms;
  -o-transition: background 500ms;
  -webkit-transition: background 500ms;
  transition: background 500ms;
  margin-top: 20px;
  margin-left: 60px;
  width: 200px;
  background: red;
  text-align: center;
  color: #fff;
  line-height: 40px;
  font-family: arial;
  font-size: 20px;
}
.item:hover {
  background: blue;
  -moz-transform: scale3d(1.5, 1.5, 1.5);
  -ms-transform: scale3d(1.5, 1.5, 1.5);
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
}
html.no-transform3d .item:hover {
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
body.products-section .item:hover {
  -moz-transform: scale3d(1.2, 1.2, 1.2);
  -ms-transform: scale3d(1.2, 1.2, 1.2);
  -webkit-transform: scale3d(1.2, 1.2, 1.2);
  transform: scale3d(1.2, 1.2, 1.2);
  background: green;
}
html.no-transform3d body.products-section .item:hover {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

SassMeister-rendered.html

<div class='item'>
  <span>Here is an item!</span>
</div>