18F/18f.gsa.gov

/*
========================================
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"
  )
);