SHARE
TWEET

Untitled

a guest Jul 19th, 2019 75 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @mixin breakpoint($value, $min-value: false) {
  2.   @if $value == "phone-very-small" {
  3.     @media only screen and (max-width: 320px) {
  4.       @content;
  5.     }
  6.   }
  7.  
  8.   @if $value == "phone-small" {
  9.     @media only screen and (max-width: 400px) {
  10.       @content;
  11.     }
  12.   }
  13.  
  14.   @if $value == "phone" {
  15.     @media only screen and (max-width: 750px) {
  16.       @content;
  17.     }
  18.   } @else if $value == "tablet-p" {
  19.     @media only screen and (min-width: 751px) and (max-width: 900px) {
  20.       @content;
  21.     }
  22.   } @else if $value == "to-tablet-p" {
  23.     @media only screen and (max-width: 900px) {
  24.       @content;
  25.     }
  26.   } @else if $value == "from-tablet-l" {
  27.     @media only screen and (min-width: 901px) {
  28.       @content;
  29.     }
  30.   } @else if $value == "to-tablet-l" {
  31.     @media only screen and (max-width: 1199px) {
  32.       @content;
  33.     }
  34.   } @else if $value == "tablet-l" {
  35.     @media only screen and (min-width: 901px) and (max-width: 1199px) {
  36.       @content;
  37.     }
  38.   } @else if $value == "to-tablet" {
  39.     @media only screen and (max-width: 1199px) {
  40.       @content;
  41.     }
  42.   } @else if $value == "from-tablet" {
  43.     @media only screen and (min-width: 751px) {
  44.       @content;
  45.     }
  46.   } @else if $value == "tablet" {
  47.     @media only screen and (min-width: 751px) and (max-width: 1199px) {
  48.       @content;
  49.     }
  50.   } @else if $value == "to-laptop" {
  51.     @media only screen and (max-width: 1600px) {
  52.       @content;
  53.     }
  54.   } @else if $value == "from-laptop" {
  55.     @media only screen and (min-width: 1200px) {
  56.       @content;
  57.     }
  58.   } @else if $value == "laptop" {
  59.     @media only screen and (min-width: 1200px) and (max-width: 1600px) {
  60.       @content;
  61.     }
  62.   } @else if $value == "desktop" {
  63.     @media only screen and (min-width: 1601px) {
  64.       @content;
  65.     }
  66.   } @else {
  67.     @media only screen and (max-width: $value) {
  68.       @content;
  69.     }
  70.   }
  71. }
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