/*
========================================
margin
----------------------------------------
usage:
  .margin-[modifier]*-[key]
----------------------------------------
output:
  margin: [value]
----------------------------------------
example:
  .margin-x-auto {
    margin-left: auto;
    margin-right: auto; }

  .margin-g105 {
    margin: .75rem; }
----------------------------------------
*/

$u-margin: (
  margin: (
    base: 'margin',
    modifiers: (
      noModifier: '',
    ),
    values: map-collect(
      get-palettes($margin-palettes),
      $margin-manual-values
    ),
    settings: $margin-settings,
    property: 'margin',
    type: 'utility',
  ),
  margin-vertical: (
    base: 'margin',
    modifiers: (
      'y': ('-top', '-bottom'),
      'top': '-top',
      'bottom': '-bottom',
    ),
    values: map-collect(
      get-palettes($margin-vertical-palettes),
      $margin-manual-values
    ),
    settings: $margin-settings,
    property: 'margin',
    type: 'utility',
  ),
  margin-horizontal: (
    base: 'margin',
    modifiers: (
      'x': ('-left', '-right'),
      'right': '-right',
      'left': '-left',
    ),
    values: map-collect(
      get-palettes($margin-horizontal-palettes),
      $margin-manual-values
    ),
    settings: $margin-settings,
    property: 'margin',
    type: 'utility',
  )
);