Include all breakpoints

[adamf321]

Would it make sense to include a complete set by default in _media.scss?

eg this is what we have for nowthis:

/* sizes */
$_mobile_xs_width: 319px;

$_mobile_s_width: 320px;
$_mobile_s_height: 568px;

$_mobile_m_width: 375px;

$_mobile_l_width: 480px;

$_tablet_width: 769px;

$_desktop_width: 960px;


/* media queries */
$mobile_xs: new-breakpoint(max-width $_mobile_xs_width 12);

$mobile_s: new-breakpoint(min-width $_mobile_s_width 12);
$mobile_s-portrait: new-breakpoint(min-width $_mobile_s_width orientation portrait 2);
$mobile_s-landscape: new-breakpoint(min-width $_mobile_s_height orientation landscape 2);

$mobile_m: new-breakpoint(min-width $_mobile_m_width 12);
$mobile_m-portrait: new-breakpoint(min-width $_mobile_m_width orientation portrait 2);

$mobile_l: new-breakpoint(min-width $_mobile_l_width 12);

$tablet: new-breakpoint(min-width $_tablet_width 12);
$tablet-portrait: new-breakpoint(min-width $_tablet_width orientation portrait 2);

$desktop: new-breakpoint(min-width $_desktop_width 12);