rotate.html.haml

!!! 5
%html
  %head
    %title rotate
    %link(href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css')
    %style(type='text/css')
      :sass
        $rotateDistance: 12.3deg
        #content
          width: 960px
          font-family: Electrolize
          div
            margin: 50px auto
            text-align: center
            width: 680px
            font-size: 30px
          #rotate
            -webkit-transform: rotate($rotateDistance)
          #rotate3d
            -webkit-transform: rotateZ($rotateDistance)
          #rotatebig
            font-size: 60px
            -webkit-transform: rotateZ($rotateDistance) scale(0.5)
  %body
    #content
      #rotate hello rotate
      #rotate3d hello rotate3d
      #rotatebig hello rotate3d scale