nanchu

/*css reset*/
html,body {position:relative;margin:0;padding:0;min-height:100%;width:100%;height:100%;}
div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, figure {margin:0;padding:0;}
ol,ul {list-style:none;}
li {list-style-type: none;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body {
  font-family: Helvetica;
	height: 100%; /*important for equal height columns*/

nanchu

.chartWrapper

  - @chart = [[1, "Label 1"], [2, "Label 2"], [3, "Label 3"], [4, "Label 4"], [5, "Label 5"], [6, "Label 6"]]

  - @chart.each do |chart, label|
    %div{:class=>"chartContainer#{chart}"}
      %div{:class=>"hold#{chart}", :id=>"chartSlice#{chart}"}
        %div{:class=>"chart#{chart}"}
      .label{:id=>"label#{chart}"}
        %span #{label}

nanchu

#walkingdude.keyframe0 //start him off on frame 0 of our sprite

nanchu

.blogContent

      - @posts.each do |post|
        
        - if post['photo_url']
          - fotourl = post['photo_url'].first['__content__']
          = fotourl

        %div{:class=> "type", :id=> post['type']}