/*

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",
),

);