Browse files

Add visual grid settings

- Update README with a list of all the settings
  • Loading branch information...
1 parent 851c9fb commit 67f2f7a7a600b931adbfdcf46a35301d5d2ede6e Reda Lemeden committed Sep 21, 2012
Showing with 16 additions and 5 deletions.
  1. +12 −3
  2. +1 −0 _neat.scss
  3. +0 −1 grid/_grid.scss
  4. +1 −1 grid/_visual-grid.scss
  5. +2 −0 settings/_visual-grid.scss
@@ -252,15 +252,24 @@ Here is a summary of possible argument combinations:
@include breakpoint(max-width 4);
@include breakpoint(max-width, 4);
### Changing the defaults
-All the default settings can be overridden, including ```$grid-columns``` and ```$max-width```. The complete list of settings can be found in the ```/settings``` subfolder. In order to override any of these settings, redefine the variable in your site-wide ```_variables.scss``` and make sure to import it *before* Neat (failing to do so will cause Neat to use the default values):
+All the default settings can be overridden in your site-wide ```_variables.scss```. Make sure to import this file *before* Neat (failing to do so will cause Neat to use the default values):
@import "bourbon/bourbon";
@import "variables";
@import "neat/neat";
+Here is the list of the available settings:
+- ```$column```: The width of a single column in ```px``` or ```em```.
+- ```$gutter```: Space between each two columns in ```px``` or ```em```.
+- ```$grid-columns```: Total number of columns in the base grid. Defaults to 12.
+- ```$max-width```: The maximum width of the outer container in ```px``` or ```em```.
+- ```$border-box-sizing```: Makes all elements have a ```border-box``` layout. Defaults to ```true```.
+- ```$default-feature```: Default ```@media``` feature for the ```breakpoint()``` mixin. Defaults to ```min-width```.
+- ```$show-grid```: Display the base grid. Defaults to ```false```.
+- ```$visual-grid-color```: Base grid color.
### Browser support
- Firefox 3.5+
@@ -8,6 +8,7 @@
// Default Settings
@import "settings/grid";
+@import "settings/visual-grid";
// The Grid
@import "grid/grid";
@@ -8,7 +8,6 @@ $fg-column: $column;
$fg-gutter: $gutter;
$fg-max-columns: $grid-columns;
$fg-max-width: $max-width;
-$show-grid: true;
// outer wrapper center container
@mixin outer-container() {
@@ -16,7 +16,7 @@
-@function gradient-stops($grid-columns, $color: rgba(255,89,251,0.4)) {
+@function gradient-stops($grid-columns, $color: $visual-grid-color) {
$transparent: rgba(0,0,0,0);
$column-width: flex-grid(1, $grid-columns);
@@ -0,0 +1,2 @@
+$show-grid: false !default; // Display the base grid
+$visual-grid-color: rgba(129, 162, 189, 0.05) !default; // Base grid color

0 comments on commit 67f2f7a

Please sign in to comment.