/* Breakpoints
 *
 * Important: Remember to keep Sass breakpoints in sync with Tailwind
 * breakpoints in tailwind.config.js!
 *
 * Mappy Breakpoints expects breakpoints in `px` and does automatic
 * conversion to `em` while Tailwind uses the configured values literally.
 */

$breakpoints: (
    'xs': 480px,   // 30em
    'sm': 640px,   // 40em
    'md': 768px,   // 48em
    'lg': 992px,  // 62em
    'xl': 1200px,  // 75em
);

// Timing
$transition-time: .2s;
$transition-time--medium: .4s;
