compass sass

compass sass

@import screen.sass



-# Theme
-# =====================================================

body
  :background red
  
  .container 
    :background white
    
    #header
      #title
        :background blue
      #strapline
        :background gray
    
    .spacer-container
      :background red
      .column-1, .column-2
        :background white
            
       
        
-# Structure
-# ====================================================
  
#header, #promo, #menubar, #content, #footer, #content2
  +clearfix

.column-1
  +column(16)  
.column-2
  +column(8, last)
  
.spacer-container
  .column-1
    +column(14) 
    -# prepend() does padding, we need marginning 
    :margin-left 8%
  .column-2
    +column(8, last)

#media
  +clearfix
  .column
    +column(8)
    -# bugfix for liquid grid; original right margins are .833em for any column size which causes last column overflow
    :margin-right .33%  
  .column.last
    +column(8,last)
    
#media2
  +clearfix
  .column
    +column(4)
    -# bugfix for liquid grid
    :margin-right .66%
  .column.last
    +column(4,last)