gist: 149233 - Simple, SASS based, grid system- GitHub


  
      _grid.sass #
    
    
        embed
        
      
      raw
    
  
            1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

          
              !columns        ||= 12
!column_width   ||= 60
!column_margin  ||= 20
 
.row
  overflow: hidden
  margin: 0 auto
  width: #{!columns * !column_width + !columns * !column_margin}px
 
  .row
    margin: 0 -#{!column_margin / 2}px
    display: inline-block
    width: auto
 
@for !i from 1 through !columns
  .column_#{!i}
    float: left
    overflow: hidden
    display: inline
    margin: 0 #{!column_margin / 2}px
    width: #{!column_width * !i + !column_margin * (!i - 1)}px
 
            
      screen.sass #
    
    
        embed
        
      
      raw
    
  
            1
2
3
4
5
6

          
              !columns        = 12
!column_width   = 60
!column_margin  = 20
 
@import grid.sass
Description:	Simple, SASS based, grid system
Public Clone URL:	git://gist.github.com/149233.git Give this clone URL to anyone. `git clone git://gist.github.com/149233.git gist-149233`
Embed All Files:	show embed