_grid-width.scss 418 B

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