egrid is a minimal SASS base grid based on foundation and skeleton.
It contains all the percentage goodness from Foundation combined with the simplicity of Skeleton with an on/off switch for a responsive or non-responsive grid.
The settings file includes the most common settings for the grid and allow flexibility. Below a description.
Change to false to disable the responsiveness of the grid
$responsive: true;
The default margin and padding of the document as well as the color of the body background
$body-margin: 10px;
$body-padding: 10px;
$body-background-color: white;
The width and gutter width of the grid
$width: 960px;
$columnpadding: 5px;
Default typography
$fontfamily: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
$fontsize: 14px;
$line-height: 20px;
Default colors for the text and anchors
$color: #333;
$a-color: #CC0000;
$a-hover: $a-color;
Settings for the headers, the header sizes for h1 to h6 will be calculated based on the base header size.
$base-header-size: 40px;
$header-color: black;
$header-fontfamily: $fontfamily;
Form settings, these are basically variables for the originale Skeleton form styles
$inputshadow: #333;
$inputshadow-alpha: 0.5;
$inputborder-color: #ccc;
$input-color: $color;