_breakpoints.scss 1015 B

12345678910111213141516
  1. // Media Device Breakpoints
  2. $large-desktop-container: 75.000em !default;
  3. $desktop-container: 60.000em !default;
  4. $tablet-container: 48.000em !default;
  5. $large-mobile-container: 30.000em !default;
  6. $mobile-container: 100% !default;
  7. // Breakpoint Variables For Particles
  8. $media: "all" !default;
  9. $mobile-only: "#{$media} and (max-width:#{$tablet-container - 0.062})" !default;
  10. $no-mobile: "#{$media} and (min-width:#{$tablet-container})" !default;
  11. $small-mobile-range: "#{$media} and (max-width:#{$large-mobile-container})" !default;
  12. $large-mobile-range: "#{$media} and (min-width:#{$large-mobile-container + 0.063}) and (max-width:#{$tablet-container - 0.062})" !default;
  13. $tablet-range: "#{$media} and (min-width:#{$tablet-container}) and (max-width:#{$desktop-container - 0.062})" !default;
  14. $desktop-range: "#{$media} and (min-width:#{$desktop-container}) and (max-width:#{$large-desktop-container - 0.062})" !default;
  15. $large-desktop-range: "#{$media} and (min-width:#{$large-desktop-container})" !default;