Breakpoint Mixins for SCSS for easy setup.

Breakpoint Mixins

// 1120px
@mixin bp-xlarge {@media only screen and (min-width: 80em) {@content;}}
// 960px
@mixin bp-large {@media only screen and (min-width: 64em) {@content;}}
// 640px
@mixin bp-medium {@media only screen and (min-width: 40em) {@content;}}
// 480px
@mixin bp-small {@media only screen and (min-width: 30em) {@content;}}
// special for header (840px)
@mixin bp-header {@media only screen and (min-width: 53em){@content;}}
// special for talbet specific
@mixin bp-tablet {@media only screen and (min-width: 766px){@content;}}