mirror of
https://github.com/primer/css.git
synced 2024-12-25 23:23:47 +03:00
23 lines
1.1 KiB
Markdown
23 lines
1.1 KiB
Markdown
---
|
|
title: Marketing margin
|
|
sort_title: Margin Marketing
|
|
path: utilities/marketing-margin
|
|
status: Stable
|
|
status_issue: 'https://github.com/github/design-systems/issues/378'
|
|
source: 'https://github.com/primer/css/blob/main/src/marketing/utilities/margin.scss'
|
|
bundle: marketing-utilities
|
|
---
|
|
|
|
Marketing margin utilities extend [core margin utilities](/utilities/margin). The [marketing scale](/support/marketing-variables#extended-spacing-scale) starts from spacer `7` up to `12`.
|
|
|
|
**Note**: Only the y-axis (`mt`, `mb` and `my`) and its responsive variants are supported.
|
|
|
|
```html live
|
|
<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>
|
|
```
|