Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*********************
- Breakpoints
- *********************/
- /* usage: @include bp(tablet) { // your styles here } */
- @mixin bp($point) {
- @if $point == widescreen { // 1440px
- @media (min-width: 90em) { @content ; }
- }
- @elseif $point == tv { // 1300px
- @media (min-width: 81.25em) { @content ; }
- }
- @else if $point == desktop { // 1184px
- @media (min-width: 74em) { @content ; }
- }
- @else if $point == laptop { // 1024px
- @media (min-width: 64em) { @content ; }
- }
- @else if $point == tablet { // 800px
- @media (min-width: 50em) { @content ; }
- }
- @else if $point == phablet { // 600px
- @media (min-width: 37.5em) { @content ; }
- }
- @else if $point == mobileonly { // 400px
- @media (max-width: 25em) { @content ; }
- }
- @else if $point == print {
- @media (print) { @content ; }
- }
- }
Add Comment
Please, Sign In to add comment