14 lines
418 B
SCSS
14 lines
418 B
SCSS
|
@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;
|
||
|
|
// }
|