1
1
mirror of https://github.com/primer/css.git synced 2024-12-25 15:14:59 +03:00
css/docs/content/utilities/marketing-margin.md
2021-03-30 16:53:47 -07:00

1.1 KiB

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>