primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-29 00:58:31 +03:00
Code Issues Projects Releases Wiki Activity

Merge branch 'dev' into fix-popover--right-bottom

Browse Source
This commit is contained in:
Shawn Allen 2018-05-01 10:31:59 -07:00 committed by GitHub
commit 6f046563c8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
modules/primer-support/docs/spacing.md
View File

@ -11,13 +11,13 @@ The spacing scale is a **base-8** scale. We chose a base-8 scale because eight i
| Variable | Scale | Value |
| --- | --- | --- |
| $spacer-1 | 0 | 0 |
| $spacer-0 | 0 | 0 |
| $spacer-1 | 1 | 4px |
| $spacer-1 | 2 | 8px |
| $spacer-1 | 3 | 16px |
| $spacer-1 | 4 | 24px |
| $spacer-1 | 5 | 32px |
| $spacer-1 | 6 | 40px |
| $spacer-2 | 2 | 8px |
| $spacer-3 | 3 | 16px |
| $spacer-4 | 4 | 24px |
| $spacer-5 | 5 | 32px |
| $spacer-6 | 6 | 40px |
These variables are encouraged to be used within components and custom CSS. The spacing scale is also used for [margin](./utilities/margin) and [padding](./utilities/padding) utilities.