Switch `breakpoint` to `with-gutter`

`with-gutter` mixin allows to create a gutter context, overriding
the global gutter.
Useful in combo with media-queries
Import with-gutter mixin and update examples
Merge branch 'feature/switch-breakpoint-to-gutter-context' into develop