{
  "title": "Spacing",
  "variants": [
    {
      "name": "default",
      "notes": "Default spacing applied to the body."
    },
    {
      "name": "Standard gap",
      "notes": "Applies a gap above the content.",
      "context": {
        "modifier": "standard-gap"
      }
    },
    {
      "name": "Standard gap - Mobile only",
      "notes": "Used on mobile when the grid stacks",
      "context": {
        "modifier": "standard-gap--mobile-only"
      }
    },
    {
      "name": "Standard gap - Bottom",
      "notes": "Used on mobile when the grid stacks",
      "context": {
        "modifier": "standard-gap--bottom"
      }
    },
    {
      "name": "Margin top",
      "context": {
        "modifier": "margin-top--large sm:margin-top--standard md:margin-top--none"
      }
    },
    {
      "name": "Margin bottom",
      "context": {
        "modifier": "margin-bottom--large sm:margin-bottom--standard md:margin-bottom--none"
      }
    }
  ]
}