daily pastebin goal
13%
SHARE
TWEET

Untitled

a guest Dec 13th, 2018 58 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top