CSS3 Flexbox test

index.html.haml

!!! 5
%html
  %head
    %style
      :sass

        html, body
          height: 100%
          margin: 0

        body
          background-color: #666
          width: 100%
          padding: 1em
          display: -moz-box
          -moz-box-orient: vertical
          -moz-box-align: stretch
          -moz-box-pack: center
          -moz-box-sizing: border-box

        #header, #content, #footer
          background-color: #ccc
          padding: 1em
          border-top: 1px solid #eee
          border-bottom: 1px solid #999

          h1
            margin: 0

        #content
          display: -moz-box
          -moz-box-orient: vertical
          -moz-box-align: center
          -moz-box-pack: center
          -moz-box-flex: 1

  %body
    #header
      %h1 header
    #content
      %h1 content
    #footer
      %h1 footer