$mediaQ-direction: if($mobileFirst, 'min-width: ', 'max-width: ');

$mediaQ-base: null;
$mediaQ-2xl: 1400px !default;
$mediaQ-xl:  1279px !default;
$mediaQ-l:    992px !default;
$mediaQ-m:    767px !default;
$mediaQ-s:    576px !default;
$mediaQ-xs:   430px !default;

$atMediaQ-2xl: $mediaQ-direction + $mediaQ-2xl;
$atMediaQ-xl:  $mediaQ-direction + $mediaQ-xl;
$atMediaQ-l:   $mediaQ-direction + $mediaQ-l;
$atMediaQ-m:   $mediaQ-direction + $mediaQ-m;
$atMediaQ-s:   $mediaQ-direction + $mediaQ-s;
$atMediaQ-xs:  $mediaQ-direction + $mediaQ-xs;

$mediaQs-desktopFirst: (
    (null $mediaQ-base $base),
    (2xl $atMediaQ-2xl $base-2xl),
    (xl $atMediaQ-xl $base-xl),
    (l $atMediaQ-l $base-l),
    (m $atMediaQ-m $base-m),
    (s $atMediaQ-s $base-s),
    (xs $atMediaQ-xs $base-xs),
);
$mediaQs-mobileFirst: (
    (null $mediaQ-base $base),
    (xs $atMediaQ-xs $base-xs),
    (s $atMediaQ-s $base-s),
    (m $atMediaQ-m $base-m),
    (l $atMediaQ-l $base-l),
    (xl $atMediaQ-xl $base-xl),
    (2xl $atMediaQ-2xl $base-2xl),
);

$mediaQs: if($mobileFirst, $mediaQs-mobileFirst, $mediaQs-desktopFirst);