@function grid-width($n) { | |
@return $n * $gw-column + ($n - 1) * $gw-gutter; | |
} | |
// The $gw-column and $gw-gutter variables must be defined in your base stylesheet to properly use the grid-width function. | |
// | |
// $gw-column: 100px; // Column Width | |
// $gw-gutter: 40px; // Gutter Width | |
// | |
// div { | |
// width: grid-width(4); // returns 520px; | |
// margin-left: $gw-gutter; // returns 40px; | |
// } |