@import compass/css3, compass/css3/transform-legacy

.transform-example
  width: 40px
  height: 40px
  background: red
  margin: 20px

#scale
  +scale(1)

#scale:hover
  +scale(2)

#rotate
  +rotate(0deg)

#rotate:hover
  +rotate(45deg)

#translate
  +translate(0, 0)

#translate:hover
  +translate(20px, 20px)

#skew
  +skew(0deg, 0deg)

#skew:hover
  +skew(20deg, 20deg)

#combo
  +transform(1, 0deg, 0, 0, 0deg, 0deg)

#combo:hover
  +transform(1, 45deg, 20px, 20px, 20deg, 20deg)