primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-09-20 13:17:29 +03:00
Code Issues Projects Releases Wiki Activity

use primer-core language and fix links

Browse Source
This commit is contained in:
Catherine Bui 2017-11-17 12:15:27 -08:00
parent 20553517df
commit 7c8b3be162
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
modules/primer-marketing-support/lib/variables.scss
View File

@ -2,7 +2,7 @@
$alt-body-font: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif; $alt-body-font: Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", sans-serif;
$alt-mono-font: $mono-font; $alt-mono-font: $mono-font;
// Increases standard spacing scale first by 8px for spacer-7 then by 16px step increments for spacer-8 to spacer-12 // Increases primer-core scale first by 8px for spacer-7 then by 16px step increments for spacer-8 to spacer-12
// i.e. After 40px, we have 48, 64, 80, 96, etc. // i.e. After 40px, we have 48, 64, 80, 96, etc.
$spacer-7: $spacer * 6; // 48px $spacer-7: $spacer * 6; // 48px
$spacer-8: $spacer * 8; // 64px $spacer-8: $spacer * 8; // 64px

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

@ -21,7 +21,7 @@ The spacing scale is a **base-8** scale. We chose a base-8 scale because eight i
The spacing scale is used for [margin](./utilities/margin) and [padding](./utilities/padding) utilities, and via variables within components. The spacing scale is used for [margin](./utilities/margin) and [padding](./utilities/padding) utilities, and via variables within components.
See [primer-marketing-support](https://github.com/primer/primer-css/tree/master/modules/primer-marketing-support) for the extended spacing scale used for marketing needs and the related y-directional spacing utilities for [margin](https://github.com/primer/primer-css/blob/master/modules/primer-marketing-utilities/docs/margin.md) and [padding](https://github.com/primer/primer-css/blob/master/modules/primer-marketing-utilities/docs/padding.md). See [primer-marketing-support](../primer-marketing-support) for the extended spacing scale used for marketing needs and the related y-axis spacing utilities for [margin](../primer-marketing-utilities/docs/margin.md) and [padding](../primer-marketing-utilities/docs/padding.md).
## Em-based spacing ## Em-based spacing
Ems are used for spacing within components such as buttons and form elements. We stick to common fractions for em values so that, in combination with typography and line-height, the total height lands on sensible numbers. Ems are used for spacing within components such as buttons and form elements. We stick to common fractions for em values so that, in combination with typography and line-height, the total height lands on sensible numbers.