Add visual grid settings

- Update README with a list of all the settings

README.md

@@ -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+

_neat.scss

@@ -8,6 +8,7 @@
 
 // Default Settings
 @import "settings/grid";
+@import "settings/visual-grid";
 
 // The Grid
 @import "grid/grid";

grid/_grid.scss

@@ -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() {

grid/_visual-grid.scss

@@ -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);

settings/_visual-grid.scss

@@ -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