css/docs/content/utilities/marketing-margin.md

title	sort_title	path	status	status_issue	source	bundle
Marketing Margin	Margin Marketing	utilities/marketing-margin	Stable	https://github.com/github/design-systems/issues/378	https://github.com/primer/css/blob/main/src/marketing/utilities/margin.scss	marketing-utilities

Marketing margin utilities extend core margin utilities. The marketing scale starts from spacer 7 up to 12.

Note: Only the y-axis (mt, mb and my) and its responsive variants are supported.

  <div class="bg-yellow d-inline-block"><div class="mt-7  p-1 bg-gray">.mb-7</div></div>
  <div class="bg-yellow d-inline-block"><div class="mt-8  p-1 bg-gray">.mb-8</div></div>
  <div class="bg-yellow d-inline-block"><div class="mt-9  p-1 bg-gray">.mb-9</div></div>
  <div class="bg-yellow d-inline-block"><div class="mt-10 p-1 bg-gray">.mb-10</div></div>
  <div class="bg-yellow d-inline-block"><div class="mt-11 p-1 bg-gray">.mb-11</div></div>
  <div class="bg-yellow d-inline-block"><div class="mt-12 p-1 bg-gray">.mb-12</div></div>