Commits

Shu Zong Chen committed a013393

Added info about width/padding/column overrides

Comments (0)

Files changed (1)

       }
     }
 
-Note that the grid mixin requires you to pass in columns of the parent
+Note that:
+While this example uses 12 and 16 as column numbers, you can use any
+arbitrary number of columns and the code will do the calculation for you.
+However, if it doesn't divide up cleanly it just won't.
+
+Also note:
+The grid mixin requires you to pass in columns of the parent
 container as the second argument. Someone let me know if there's a
 better way to obtain this information.
 
 until all browsers get better support for that in css, this is
 the best we can do.
 
+### Overriding width and padding
+
+The grid system defaults to 960px width with 10px padding around all
+grid elements. You can override these values by setting the appropriate
+variables in your global namespace
+
+    @import 'ninesixty';
+    @ninesixty_width = 960px; 
+    @ninesixty_padding = 10px;
+
+Please note that 960 is a pretty magic number and your grid widths
+might not cleanly divide by whatever your column number is.
 
 License
 -------