Guest User

Untitled

a guest
Dec 13th, 2018
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.82 KB | None | 0 0
  1. /*********************
  2. Breakpoints
  3. *********************/
  4. /* usage: @include bp(tablet) { // your styles here } */
  5. @mixin bp($point) {
  6. @if $point == widescreen { // 1440px
  7. @media (min-width: 90em) { @content ; }
  8. }
  9. @elseif $point == tv { // 1300px
  10. @media (min-width: 81.25em) { @content ; }
  11. }
  12. @else if $point == desktop { // 1184px
  13. @media (min-width: 74em) { @content ; }
  14. }
  15. @else if $point == laptop { // 1024px
  16. @media (min-width: 64em) { @content ; }
  17. }
  18. @else if $point == tablet { // 800px
  19. @media (min-width: 50em) { @content ; }
  20. }
  21. @else if $point == phablet { // 600px
  22. @media (min-width: 37.5em) { @content ; }
  23. }
  24. @else if $point == mobileonly { // 400px
  25. @media (max-width: 25em) { @content ; }
  26. }
  27. @else if $point == print {
  28. @media (print) { @content ; }
  29. }
  30. }
Add Comment
Please, Sign In to add comment