Scope parameters

import { createScope, animate } from 'animejs';

createScope({
┌─────────────────────────────────────────────────┐
│ root: '.section',                               │
│ defaults: {                                     │
│   duration: 250,                                │
│   ease: 'out(4)',                               │
│ },                                              ├─ Parameters
│ mediaQueries: {                                 │
│   mobile: '(max-width: 640px)',                 │
│   reducedMotion: '(prefers-reduced-motion)',    │
│ }                                               │
└─────────────────────────────────────────────────┘
})
.add( ctx => {
  const isMobile = ctx.matches.mobile;
  const reduceMotion = ctx.matches.reducedMotion;
  animate(targets, {
    x: isMobile ? 0 : '100vw',
    y: isMobile ? '100vh' : 0,
    duration: reduceMotion ? 0 : 750
  });
});