
///
/// @name $su-gutter-xs
///
/// @group variable
$su-gutter-xs: 20px !default;

///
/// @name $su-gutter-sm
///
/// @group variable
$su-gutter-sm: 20px !default;

///
/// @name $su-gutter-md
///
/// @group variable
$su-gutter-md: 20px !default;

///
/// @name $su-gutter-lg
///
/// @group variable
$su-gutter-lg: 36px !default;

///
/// @name $su-gutter-xl
///
/// @group variable
$su-gutter-xl: 40px !default;

///
/// @name $su-gutter-2xl
///
/// @group variable
$su-gutter-2xl: 48px !default;

/// 
/// A sass map of css gutter width values keyed by breakpoint short codes.
///
///@name $su-grid-gutters
///
/// @group variable
$su-grid-gutters: (
  'xs': $su-gutter-xs,
  'sm': $su-gutter-sm,
  'md': $su-gutter-md,
  'lg': $su-gutter-lg,
  'xl': $su-gutter-xl,
  '2xl': $su-gutter-2xl
) !default;

/// 
/// A sass map of css grid gap width keyed with breakpoint media queries.
///
/// @name $su-responsive-gutters-default
///
/// @group variable
$su-responsive-gutters-default: (
  $su-breakpoint-xs: $su-gutter-xs,
  $su-breakpoint-sm: $su-gutter-sm,
  $su-breakpoint-md: $su-gutter-md,
  $su-breakpoint-lg: $su-gutter-lg,
  $su-breakpoint-xl: $su-gutter-xl,
  $su-breakpoint-2xl: $su-gutter-2xl
) !default;
