Yeah Flexbox Grid

A one file adaptation of moritzjacobs/mj-flexboxgrid-sass, which is an adaption of hugeinc/flexboxgrid-sass, which in turn is an adaption of the original flexboxgrid.com created by @kristoferjoseph.

Use it: yeah-flexboxgrid.scss.

define your breakpoints:

$breakpoints: ( 
	xs: 320px,
	md: 768px,
	lg: 1024px,
);

and how they behave:

$grid-sizes: ( 
	xs: (
		gutter-width: 10px,
		outer-margin: 15px,
		max-width: 500px,
	),
	md: (
		gutter-width: 20px,
		outer-margin: 40px,
		max-width: 950px
	),
	lg: (
		gutter-width: 30px,
		outer-margin: 80px,
		max-width: 1200px
	)
);

Special classes & mixins

.row-full

(ignores outer-margin, restart with .container)

@include gutter-width-as('padding');

@include outer-margin-as('top-margin');

.container-full