primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2025-01-05 21:22:57 +03:00
Code Issues Projects Releases Wiki Activity

Merge branch 'master' into label-copy-edits

Browse Source
This commit is contained in:
simurai 2020-02-21 22:53:23 +09:00 committed by GitHub
commit baee0b5197
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
MIGRATING.md
View File

@ -60,6 +60,10 @@ If you've installed Primer CSS with npm, you very likely already have `node_modu
If you've installed Primer CSS with something _other than_ npm, or you don't know how it was installed, consult the documentation for your setup first, then [let us know][help] if you still can't figure it out.
## Compiled CSS files
The compiled CSS files can be found under `/dist` in case you want to directly link to them.
## Fonts
The marketing-specific font files published in the [`fonts` directory](https://unpkg.com/primer-marketing-support@2.0.0/fonts/) of `primer-marketing-support@2.0.0` are published in the `fonts` directory of `@primer/css`. If you use these fonts, you'll need to do the following:

6
docs/content/components/header.md
View File

@ -6,13 +6,11 @@ source: 'https://github.com/primer/css/tree/master/src/header'
bundle: header
---
Use the Header component to create a header that has all of it's items aligned vertically with consistent horizontal spacing.
## Table of Contents
Use the Header component to create a header that has all of its items aligned vertically with consistent horizontal spacing.
## Header
The `.Header` class is the wrapping class that aligns all the items properly and gives the header it's dark background. Each direct child of the `.Header` component is expected to be a `.Header-item` component. The component utilizes flexbox CSS to align all these items properly and applies spacing scale margin.
The `.Header` class is the wrapping class that aligns all the items properly and gives the header its dark background. Each direct child of the `.Header` component is expected to be a `.Header-item` component. The component utilizes flexbox CSS to align all these items properly and applies spacing scale margin.
```html live
<div class="Header">