// breakpoints used throughout the project - use with mixin and js-module
// ======================================================================

// please only use px and em to define breakpoints. px-values will
// automatically be converted to em-mediaqueries in the mixin and
// the provieded javascript-module

$breakpoints: (
  s: 480px,
  m: 640px,
  l: 720px,
  xl: 960px,
  xxl: 1100px,
  xxxl: 1400px,
  // to use this, set the second parameter of the mixin to true
  custom: '(max-width: 30em)'
);