Skip to content

V2.5

Compare
Choose a tag to compare
@dariusrosendahl dariusrosendahl released this 24 Jul 10:35
· 14 commits to master since this release

Grid

  • New formula for generating the grid
  • It's now possible to generate grid classes for $b7, $b8, etc. Just add them in your own variables.scss
  • Added gutter-map to variables, needed for generating the grid

Example of the new gutters:

/*
	Grid gutters
	Must be the same amount of breakpoints $breakpoint-map as above
*/
$grid-gutter:	 12px;
$grid-gutter-b1: 12px;
$grid-gutter-b2: 12px;
$grid-gutter-b3: 16px;
$grid-gutter-b4: 16px;
$grid-gutter-b5: 16px;
$grid-gutter-b6: 16px;

/*
	Gutter map
	Must be the same amount of gutters and $gutter-map as above
*/
$gutter-map: (
	1: $grid-gutter-b1,
	2: $grid-gutter-b2,
	3: $grid-gutter-b3,
	4: $grid-gutter-b4,
	5: $grid-gutter-b5,
	6: $grid-gutter-b6,
);

Utility classes

  • It's now possible to set no, small or large gutters per breakpoint with classes likegutter-b2-none and gutter-b4-large