- @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;
- // }
|