primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-26 23:56:04 +03:00
Code Issues Projects Releases Wiki Activity

Renaming primer-css to primer

Browse Source
This commit is contained in:
Jon Rohan 2017-11-09 09:41:18 -08:00
parent 8624389a5f
commit fdabbb6ea0
94 changed files with 339 additions and 339 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
.github/CONTRIBUTING.md vendored
View File

@ -2,7 +2,7 @@
[fork]: https://github.com/github/primer/fork
[pr]: https://github.com/github/primer/compare
[style]: http://primercss.io/guidelines/
[style]: http://primer.github.io/guidelines/
Hi there! We're thrilled that you'd like to contribute to this project. Your help is essential for keeping it great.
@ -59,16 +59,16 @@ Good pull requests—patches, improvements, new features—are a fantastic help.
### Updating Primer modules
Anyone can open a pull request on Primer CSS. You do not need to work at GitHub or be a member of the org to open a pull request.
Anyone can open a pull request on Primer. You do not need to work at GitHub or be a member of the org to open a pull request.
1. Fork and clone [this repository](https://github.com/primer/primer-css).
1. Fork and clone [this repository](https://github.com/primer/primer).
2. Configure and install the dependencies: `npm install`
3. Check out the dev branch `git checkout dev`
3. Create a new branch from dev `git checkout -b my-branch-name`
4. Make your changes and commit them.
5. Push your branch and open a pull request against `dev`. Add a comment describing your proposed changes and request a review from `@primer/ds-core`.
6. Wait for CI tests to finish.
- If the tests pass, you should see a status check telling you which alpha version of primer-css you can install with npm to test your work in other projects.
- If the tests pass, you should see a status check telling you which alpha version of primer you can install with npm to test your work in other projects.
- If the tests fail, review the logs and address any issues.
- If the builds fail for any other reason (as they occasionally do), they may need to be manually restarted.
7. When CI tests pass, a new npm alpha release will be posted under the CI checks, you can use this npm version for testing in your project or with a GitHub site if you are staff.

4
.storybook/config.js
View File

@ -1,11 +1,11 @@
import React from 'react'
import { configure, addDecorator } from '@storybook/react'
import { setOptions } from '@storybook/addon-options'
import '../modules/primer-css/index.scss'
import '../modules/primer/index.scss'
setOptions({
name: 'Primer',
url: 'http://primercss.io/',
url: 'http://primer.github.io/',
showDownPanel: false,
})

4
.travis.yml
View File

@ -15,8 +15,8 @@ script:
after_success:
# this will short-circuit the publish step if it fails to interpolate $NPM_API_KEY
- npm config set "//registry.npmjs.org/:_authToken=\${NPM_API_KEY}"
# copy the CHANGELOG.md primer-css for publishing
- cp CHANGELOG.md modules/primer-css
# copy the CHANGELOG.md primer for publishing
- cp CHANGELOG.md modules/primer
- script/after_success
deploy:

14
CHANGELOG.md
View File

@ -39,7 +39,7 @@
- Add deprecation warnings for `primer-cards` and `primer-forms/lib/form-validation.scss` #347 (these will be removed in v10.0.0)
### Changes
- Update npm metadata for `primer-css`, `primer-core`, `primer-product`, and `primer-marketing` #328
- Update npm metadata for `primer`, `primer-core`, `primer-product`, and `primer-marketing` #328
- Remove `HEAD` heading from the changelog #327
# 9.3.0
@ -51,7 +51,7 @@
## Changes
- Removes `docs` from `gitignore`
- Removes the `^` from all dependencies so that we can publish exact versions
- Consolidates release notes from various sources into one changelog located in `/modules/primer-css/CHANGELOG.md`
- Consolidates release notes from various sources into one changelog located in `/modules/primer/CHANGELOG.md`
# 9.2.0
@ -62,7 +62,7 @@
## Changes
- Remove per-module configurations (`.gitignore`, `.postcss.json`, `.stylelintrc.json`) and `CHANGELOG.md` files in #284
- Replace most static `font-size`, `font-weight`, and `line-height` CSS property values with their [SCSS variable equivalents](https://github.com/primer/primer-css/blob/c9ea37316fbb73c4d9931c52b42bc197260c0bf6/modules/primer-support/lib/variables/typography.scss#L12-L33) in #252
- Replace most static `font-size`, `font-weight`, and `line-height` CSS property values with their [SCSS variable equivalents](https://github.com/primer/primer/blob/c9ea37316fbb73c4d9931c52b42bc197260c0bf6/modules/primer-support/lib/variables/typography.scss#L12-L33) in #252
- Refactor CI scripts to use Travis conditional deployment for release candidate and final release publish steps in #290
# 9.1.1
@ -109,7 +109,7 @@ This release also includes major improvements to our Travis build scripts to aut
We discovered that `primer-core` specified and outdated version of `primer-base` in it's dependencies. The outdated version did not have `normalize.scss` included which could cause some issues. This has issue occurred during v7.0.0 when creating the new monorepo. Also fixes repo urls in `package.json` for individual packages.
See PR [#243](https://github.com/primer/primer-css/pull/243)
See PR [#243](https://github.com/primer/primer/pull/243)
## Changes
@ -154,7 +154,7 @@ See PR [#243](https://github.com/primer/primer-css/pull/243)
# 8.0.0 - Imports
Fixes issues with the ordering of imports in each of our meta-packages. See PR [#239](https://github.com/primer/primer-css/pull/239)
Fixes issues with the ordering of imports in each of our meta-packages. See PR [#239](https://github.com/primer/primer/pull/239)
## Changes
@ -170,7 +170,7 @@ Fixes issues with the ordering of imports in each of our meta-packages. See PR [
# 7.0.0 - Monorepo
In an effort to improve our publishing workflow we turned Primer CSS into a monorepo, made this repo the source of truth for Primer by removing Primer modules from GitHub, and setup Lerna for managing multiple packages and maintaining independent versioning for all our modules.
In an effort to improve our publishing workflow we turned Primer into a monorepo, made this repo the source of truth for Primer by removing Primer modules from GitHub, and setup Lerna for managing multiple packages and maintaining independent versioning for all our modules.
This is exciting because:
@ -179,7 +179,7 @@ This is exciting because:
- we no longer have files like package.json, scripts, and readme's in the GitHub app that don't really belong there
- **we can accept pull requests from external contributors** again!
See PR for more details on this change: https://github.com/primer/primer-css/pull/230
See PR for more details on this change: https://github.com/primer/primer/pull/230
## Other changes:

24
README.md
View File

@ -1,29 +1,29 @@
# Primer CSS
# Primer
[![npm version](http://img.shields.io/npm/v/primer-css.svg)](https://www.npmjs.org/package/primer-css)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![npm version](http://img.shields.io/npm/v/primer.svg)](https://www.npmjs.org/package/primer)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
Primer is the CSS framework that powers GitHub's front-end design. Primer CSS includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project.
Primer is the design system that powers GitHub. Primer includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project.
## Packages
The Primer CSS repo is managed as a monorepo that is composed of many npm packages.
The Primer repo is managed as a monorepo that is composed of many npm packages.
### Core Packages
| Package | Version |
|---|---|
| **[primer-css](/modules/primer-css)** <br />Includes all 23 packages | [![npm](http://img.shields.io/npm/v/primer-css.svg)](https://www.npmjs.com/package/primer-css) |
| **[primer](/modules/primer)** <br />Includes all 23 packages | [![npm](http://img.shields.io/npm/v/primer.svg)](https://www.npmjs.com/package/primer) |
| [primer-core](/modules/primer-core) | [![npm](http://img.shields.io/npm/v/primer-core.svg)](https://www.npmjs.com/package/primer-core) |
| [primer-product](/modules/primer-product) | [![npm](http://img.shields.io/npm/v/primer-product.svg)](https://www.npmjs.com/package/primer-product) |
| [primer-marketing](/modules/primer-marketing) | [![npm](http://img.shields.io/npm/v/primer-marketing.svg)](https://www.npmjs.com/package/primer-marketing) |
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-css` with this command.
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer` with this command.
```sh
$ npm install --save primer-css
$ npm install --save primer
```
## Usage
@ -31,7 +31,7 @@ $ npm install --save primer-css
The source files included are written in [Sass][sass] (SCSS). After [installing](#install) with npm, you can add your project's `node_modules` directory to your Sass [include paths](https://github.com/sass/node-sass#includepaths) (AKA [load paths](http://technology.customink.com/blog/2014/10/09/understanding-and-using-sass-load-paths/) in Ruby), then import it like this:
```scss
@import "primer-css/index.scss";
@import "primer/index.scss";
```
You can import individual Primer modules by installing them with npm, for instance:
@ -46,10 +46,10 @@ Then, you would import the module with:
@import "primer-navigation/index.scss";
```
Or, while you're figuring out which modules you need, you can import them directly from the `primer-css` [`packages` directory](./packages) like so:
Or, while you're figuring out which modules you need, you can import them directly from the `primer` [`packages` directory](./packages) like so:
```scss
@import "primer-css/modules/primer-navigation/index.css";
@import "primer/modules/primer-navigation/index.css";
```
@ -70,7 +70,7 @@ You can read more about primer in the [docs][docs].
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

2
modules/README.md
View File

@ -1,3 +1,3 @@
# Primer modules
Primer CSS is monorepo composed of 23 packages which can be installed altogether or individually via npm. We group our packages into 3 meta-packages which you can install individually: [primer-core](primer-core), [primer-product](primer-product), and [primer-marketing](primer-marketing). Install [primer-css](primer-css) if you want to install all 23 packages.
Primer is monorepo composed of 23 packages which can be installed altogether or individually via npm. We group our packages into 3 meta-packages which you can install individually: [primer-core](primer-core), [primer-product](primer-product), and [primer-marketing](primer-marketing). Install [primer](primer) if you want to install all 23 packages.

10
modules/primer-alerts/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Alerts
# Primer Alerts
[![npm version](http://img.shields.io/npm/v/primer-alerts.svg)](https://www.npmjs.org/package/primer-alerts)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don’t show more than one at a time.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -144,8 +144,8 @@ A flash message that is full width and removes border and border radius.
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-alerts/package.json
View File

@ -2,7 +2,7 @@
"version": "1.5.1",
"name": "primer-alerts",
"description": "Flash messages, or alerts, inform users of successful or pending actions.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-alerts",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-alerts",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -36,7 +36,7 @@
"flash",
"github",
"primer",
"primercss",
"design-system",
"style"
]
}

10
modules/primer-avatars/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Avatars
# Primer Avatars
[![npm version](http://img.shields.io/npm/v/primer-avatars.svg)](https://www.npmjs.org/package/primer-avatars)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Avatars are images that users can set as their profile picture. On GitHub, they’re always going to be rounded squares. They can be custom photos, uploaded by users, or generated as Identicons as a placeholder.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -146,8 +146,8 @@ For specific cases where two badges or more need to be shown as related or conne
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-avatars/package.json
View File

@ -2,7 +2,7 @@
"version": "1.4.1",
"name": "primer-avatars",
"description": "Basic styles for user profile avatars.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-avatars",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-avatars",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -34,6 +34,6 @@
"primer",
"css",
"github",
"primercss"
"design-system"
]
}

10
modules/primer-base/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Base
# Primer Base
[![npm version](http://img.shields.io/npm/v/primer-base.svg)](https://www.npmjs.org/package/primer-base)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> GitHub's CSS to reset the browsers default styles. Built on top of normalize.css
This repository is a module of the full [primer-css][primer-css] repository. And is built off of [normalize.css](https://github.com/necolas/normalize.css/)
This repository is a module of the full [primer][primer] repository. And is built off of [normalize.css](https://github.com/necolas/normalize.css/)
## Install
@ -41,8 +41,8 @@ You can read more about base in the [docs][docs].
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-base/package.json
View File

@ -2,7 +2,7 @@
"version": "1.5.1",
"name": "primer-base",
"description": "CSS to reset the browsers default styles",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-base",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-base",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -33,7 +33,7 @@
"primer",
"css",
"github",
"primercss",
"design-system",
"base",
"reset",
"normalize"

10
modules/primer-blankslate/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Blankslate
# Primer Blankslate
[![npm version](http://img.shields.io/npm/v/primer-blankslate.svg)](https://www.npmjs.org/package/primer-blankslate)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Blankslates are for when there is a lack of content within a page or section. Use them as placeholders to tell users why something isn’t there. Be sure to provide an action to add content as well.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -131,8 +131,8 @@ Removes the `background-color` and `border`.
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-blankslate/package.json
View File

@ -2,7 +2,7 @@
"version": "1.4.1",
"name": "primer-blankslate",
"description": "Blankslates are for when there is a lack of content within a page or section.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-blankslate",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-blankslate",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -33,7 +33,7 @@
"primer",
"css",
"github",
"primercss",
"design-system",
"blankslate",
"empty",
"content"

10
modules/primer-box/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS box
# Primer box
[![npm version](http://img.shields.io/npm/v/primer-box.svg)](https://www.npmjs.org/package/primer-box)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Box is a module for creating rounded-corner boxes with a white background and gray borders. Box has optional element styles for headers, lists, and footers.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -590,8 +590,8 @@ Box patterns can also be made with, and modified with [border utilities](../util
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-box/package.json
View File

@ -2,7 +2,7 @@
"version": "2.5.1",
"name": "primer-box",
"description": "A module for creating rounded-corner boxes with options for headers, lists, and footers.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-box",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-box",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -33,6 +33,6 @@
"primer",
"css",
"github",
"primercss"
"design-system"
]
}

10
modules/primer-branch-name/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS / Branch Name
# Primer / Branch Name
[![npm version](http://img.shields.io/npm/v/primer-branch-name.svg)](https://www.npmjs.org/package/primer-branch-name)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> A nice, consistent way to display branch names.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -62,8 +62,8 @@ You may also include an octicon before the branch name text:
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

6
modules/primer-branch-name/package.json
View File

@ -2,7 +2,7 @@
"version": "0.0.1",
"name": "primer-branch-name",
"description": "A nice, consistent way to display branch names.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"primer": {
"category": "product",
"module_type": "components"
@ -11,9 +11,9 @@
"license": "MIT",
"style": "index.scss",
"main": "build/index.js",
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-branch-name",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-branch-name",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"test-docs": "../../script/test-docs",

8
modules/primer-breadcrumb/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Breadcrumb Navigation
# Primer Breadcrumb Navigation
[![npm version](http://img.shields.io/npm/v/primer-breadcrumb.svg)](https://www.npmjs.org/package/primer-breadcrumb)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Breadcrumb navigation for GitHub's pages with parents / grandparents.
This repository is a module of the full [primer-css][primer] repository.
This repository is a module of the full [primer][primer] repository.
## Documentation
@ -41,7 +41,7 @@ MIT &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[primer-support]: https://github.com/primer/primer-support
[support]: https://github.com/primer/primer-support
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-breadcrumb/package.json
View File

@ -2,7 +2,7 @@
"version": "1.4.1",
"name": "primer-breadcrumb",
"description": "Breadcrumb navigation for pages with parents / grandparents.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "build/build.css",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-breadcrumb",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-breadcrumb",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"test-docs": "../../script/test-docs",
@ -36,7 +36,7 @@
"github",
"navigation",
"primer",
"primercss",
"design-system",
"style"
]
}

10
modules/primer-buttons/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Buttons
# Primer Buttons
[![npm version](http://img.shields.io/npm/v/primer-buttons.svg)](https://www.npmjs.org/package/primer-buttons)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Buttons are used for actions, like in forms, while textual hyperlinks are used for destinations, or moving from one page to another.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -273,8 +273,8 @@ element is open.
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-buttons/package.json
View File

@ -2,7 +2,7 @@
"version": "2.4.1",
"name": "primer-buttons",
"description": "A collection of buttons used for primary and secondary actions.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-buttons",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-buttons",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -33,7 +33,7 @@
"primer",
"css",
"github",
"primercss",
"design-system",
"buttons",
"styles"
]

10
modules/primer-core/README.md
View File

@ -1,15 +1,15 @@
# Primer Core
[![npm version](http://img.shields.io/npm/v/primer-core.svg)](https://www.npmjs.org/package/primer-core)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Primer core is one of 3 meta-packages that belong to the Primer CSS framework. Primer core contains packages that are shared between GitHub product and marketing websites.
> Primer core is one of 3 meta-packages that belong to the Primer framework. Primer core contains packages that are shared between GitHub product and marketing websites.
This repository is a compilation of [several CSS packages](https://github.com/primer/primer-css). You can break it down into smaller sections using npm.
This repository is a compilation of [several CSS packages](https://github.com/primer/primer). You can break it down into smaller sections using npm.
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-css` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths**
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths**
```
$ npm install --save primer-core
@ -42,7 +42,7 @@ You can read more about primer in the [docs][docs].
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

2
modules/primer-core/index.scss
View File

@ -1,6 +1,6 @@
/*!
* Primer-core
* http://primercss.io
* http://primer.github.io
*
* Released under MIT license. Copyright (c) 2017 GitHub Inc.
*/

8
modules/primer-core/package.json
View File

@ -1,8 +1,8 @@
{
"version": "6.4.1",
"name": "primer-core",
"description": "Primer CSS's core modules",
"homepage": "http://primercss.io/",
"description": "Primer's core modules",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "build/build.css",
@ -15,9 +15,9 @@
"index.scss",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-core",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-core",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",

10
modules/primer-forms/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Forms
# Primer Forms
[![npm version](http://img.shields.io/npm/v/primer-forms.svg)](https://www.npmjs.org/package/primer-forms)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Style individual form controls and utilize common layouts.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -340,8 +340,8 @@ Align buttons to the right—via `float: right` on the buttons—in forms with `
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-forms/package.json
View File

@ -2,7 +2,7 @@
"version": "1.4.1",
"name": "primer-forms",
"description": "Style individual form controls and utilize common layouts.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-forms",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-forms",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -33,7 +33,7 @@
"primer",
"css",
"github",
"primercss",
"design-system",
"forms",
"inputs",
"select menus"

10
modules/primer-labels/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Labels
# Primer Labels
[![npm version](http://img.shields.io/npm/v/primer-labels.svg)](https://www.npmjs.org/package/primer-labels)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Labels add metadata or indicate status of items and navigational elements.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -178,8 +178,8 @@ Counters can also be used in `Box` headers to indicate the number of items in a
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-labels/package.json
View File

@ -2,7 +2,7 @@
"version": "1.5.1",
"name": "primer-labels",
"description": "Labels add metatdata or indicate status of items and navigational elements.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-labels",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-labels",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -33,6 +33,6 @@
"primer",
"css",
"github",
"primercss"
"design-system"
]
}

10
modules/primer-layout/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Layout
# Primer Layout
[![npm version](http://img.shields.io/npm/v/primer-layout.svg)](https://www.npmjs.org/package/primer-layout)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Primer’s layout includes basic page containers and a single-tiered, fraction-based grid system. That sounds more complicated than it really is though—it’s just containers, rows, and columns.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -130,8 +130,8 @@ Columns can be [centered](/utilities/#centering-content) by adding `.centered` t
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

2
modules/primer-layout/docs/grid.md
View File

@ -2,7 +2,7 @@
title: Grid
status: New release
status_issue: https://github.com/github/design-systems/issues/88
source: https://github.com/primer/primer-css/blob/master/modules/primer-layout/lib/grid.scss
source: https://github.com/primer/primer/blob/master/modules/primer-layout/lib/grid.scss
---
The grid is 12 columns and percentage-based. The number of columns a container spans can be adjusted across breakpoints for responsive layouts. The grid system works with a variety of layout utilities to achieve different results.

8
modules/primer-layout/package.json
View File

@ -2,7 +2,7 @@
"version": "1.4.1",
"name": "primer-layout",
"description": "Containers, rows, and columns for creating page layout.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -17,9 +17,9 @@
"build",
"docs"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-layout",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-layout",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -34,6 +34,6 @@
"primer",
"css",
"github",
"primercss"
"design-system"
]
}

10
modules/primer-markdown/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Markdown
# Primer Markdown
[![npm version](http://img.shields.io/npm/v/primer-markdown.svg)](https://www.npmjs.org/package/primer-markdown)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Stylesheets for rendering GitHub Flavored Markdown and syntax highlighted code snippets.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -211,8 +211,8 @@ This is the final element on the page and there should be no margin below this.
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

4
modules/primer-markdown/package.json
View File

@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-markdown",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-markdown",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",

6
modules/primer-marketing-buttons/README.md
View File

@ -1,11 +1,11 @@
# Primer Marketing CSS Buttons
[![npm version](http://img.shields.io/npm/v/primer-marketing-buttons.svg)](https://www.npmjs.org/package/primer-marketing-buttons)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Buttons are used for actions, like in forms, while textual hyperlinks are used for destinations, or moving from one page to another.
This repository is a module of the full [primer-css][primer] repository.
This repository is a module of the full [primer][primer] repository.
## Documentation
@ -83,7 +83,7 @@ MIT &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[primer-support]: https://github.com/primer/primer-support
[support]: https://github.com/primer/primer-support
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-marketing-buttons/package.json
View File

@ -2,7 +2,7 @@
"version": "0.0.1",
"name": "primer-marketing-buttons",
"description": "Buttons for marketing websites at GitHub",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "build/build.css",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-marketing-buttons",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-marketing-buttons",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"test-docs": "../../script/test-docs",
@ -37,7 +37,7 @@
"css",
"github",
"primer",
"primercss",
"design-system",
"style",
"buttons"
]

8
modules/primer-marketing-support/README.md
View File

@ -1,13 +1,13 @@
# Primer CSS Marketing Support
# Primer Marketing Support
[![npm version](http://img.shields.io/npm/v/primer-marketing-support.svg)](https://www.npmjs.org/package/primer-marketing-support)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Support files are Sass variables, mixins, and functions that we import into different bases for use across components, objects, and utilities. Sharing these common properties across GitHub sites helps us to keep our styles more consistent.
>
> Most of the time to include these you'll only need to add `@import "./primer-marketing-support";` to the top of your bundle. If you want only a specific partial you can import them separately.
This repository is a module of the full [primer-css][primer] repository.
This repository is a module of the full [primer][primer] repository.
## Documentation
@ -43,7 +43,7 @@ You can also import specific portions of the module by importing those partials
MIT &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-marketing-support/package.json
View File

@ -2,7 +2,7 @@
"version": "1.3.1",
"name": "primer-marketing-support",
"description": "Sass variables, mixins, and functions for use in our components.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -14,9 +14,9 @@
"index.scss",
"lib"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-marketing-support",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-marketing-support",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"lint": "../../script/lint-scss",
@ -27,7 +27,7 @@
"primer",
"css",
"github",
"primercss",
"design-system",
"mixins",
"functions",
"variables",

6
modules/primer-marketing-type/README.md
View File

@ -1,11 +1,11 @@
# Primer Marketing CSS Typography
[![npm version](http://img.shields.io/npm/v/primer-marketing-type.svg)](https://www.npmjs.org/package/primer-marketing-type)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don’t show more than one at a time.
This repository is a module of the full [primer-css][primer] repository.
This repository is a module of the full [primer][primer] repository.
## Documentation
@ -85,7 +85,7 @@ MIT &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[primer-support]: https://github.com/primer/primer-support
[support]: https://github.com/primer/primer-support
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-marketing-type/package.json
View File

@ -2,7 +2,7 @@
"version": "1.4.1",
"name": "primer-marketing-type",
"description": "Typography for marketing websites at GitHub",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "build/build.css",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-marketing-type",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-marketing-type",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"test-docs": "../../script/test-docs",
@ -35,7 +35,7 @@
"css",
"github",
"primer",
"primercss",
"design-system",
"style",
"type",
"typography"

6
modules/primer-marketing-utilities/README.md
View File

@ -1,7 +1,7 @@
# Primer Marketing CSS Utilities
[![npm version](http://img.shields.io/npm/v/primer-marketing-utilities.svg)](https://www.npmjs.org/package/primer-marketing-utilities)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
This repository is a module of the full [primer-marketing-css][primer-marketing-css] repository.
@ -39,8 +39,8 @@ You can read more about utilities in the [docs folder](./docs/)
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-marketing-utilities/package.json
View File

@ -2,7 +2,7 @@
"version": "1.4.1",
"name": "primer-marketing-utilities",
"description": "Marketing specific immutable, atomic CSS classes",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -17,9 +17,9 @@
"build",
"docs"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-marketing-utilities",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-marketing-utilities",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -35,6 +35,6 @@
"primer",
"css",
"github",
"primercss"
"design-system"
]
}

10
modules/primer-marketing/README.md
View File

@ -1,15 +1,15 @@
# Primer marketing
[![npm version](http://img.shields.io/npm/v/primer-marketing.svg)](https://www.npmjs.org/package/primer-marketing)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Primer marketing is one of 3 meta-packages that belong to the Primer CSS framework. Primer marketing contains packages that are used on GitHub marketing websites.
> Primer marketing is one of 3 meta-packages that belong to the Primer framework. Primer marketing contains packages that are used on GitHub marketing websites.
This repository is a compilation of [several CSS packages](https://github.com/primer/primer-css). You can break it down into smaller sections using npm.
This repository is a compilation of [several CSS packages](https://github.com/primer/primer). You can break it down into smaller sections using npm.
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-css` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths**
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths**
```
$ npm install --save primer-marketing
@ -42,7 +42,7 @@ You can read more about primer in the [docs][docs].
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

2
modules/primer-marketing/index.scss
View File

@ -1,6 +1,6 @@
/*!
* Primer-marketing
* http://primercss.io
* http://primer.github.io
*
* Released under MIT license. Copyright (c) 2017 GitHub Inc.
*/

8
modules/primer-marketing/package.json
View File

@ -1,8 +1,8 @@
{
"version": "5.4.1",
"name": "primer-marketing",
"description": "Primer CSS marketing packages",
"homepage": "http://primercss.io/",
"description": "Primer marketing packages",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "build/build.css",
@ -15,9 +15,9 @@
"index.scss",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-marketing",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-marketing",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",

10
modules/primer-navigation/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Navigation
# Primer Navigation
[![npm version](http://img.shields.io/npm/v/primer-navigation.svg)](https://www.npmjs.org/package/primer-navigation)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Primer comes with several navigation components. Some were designed with singular purposes, while others were design to be more flexible and appear quite frequently.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -358,8 +358,8 @@ You can also use a `subnav-search-context` to display search help in a select me
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-navigation/package.json
View File

@ -2,7 +2,7 @@
"version": "1.4.1",
"name": "primer-navigation",
"description": "Singular purpose and flexible navigation elements.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-navigation",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-navigation",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -33,7 +33,7 @@
"primer",
"css",
"github",
"primercss",
"design-system",
"nav",
"navigation"
]

6
modules/primer-page-headers/README.md
View File

@ -1,11 +1,11 @@
# Primer Marketing CSS Page Headers
[![npm version](http://img.shields.io/npm/v/primer-page-headers.svg)](https://www.npmjs.org/package/primer-page-headers)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Jumbotrons, heroes, and featured content sections for marketing websites at GitHub.
This repository is a module of the full [primer-css][primer] repository.
This repository is a module of the full [primer][primer] repository.
## Documentation
@ -52,7 +52,7 @@ MIT &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[primer-support]: https://github.com/primer/primer-support
[support]: https://github.com/primer/primer-support
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-page-headers/package.json
View File

@ -2,7 +2,7 @@
"version": "1.4.1",
"name": "primer-page-headers",
"description": "Jumbotrons, heroes, and featured content sections for marketing websites at GitHub.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "build/build.css",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-page-headers",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-page-headers",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -37,7 +37,7 @@
"hero",
"jumbotron",
"primer",
"primercss",
"design-system",
"style"
]
}

8
modules/primer-page-sections/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Page Sections
# Primer Page Sections
[![npm version](http://img.shields.io/npm/v/primer-page-sections.svg)](https://www.npmjs.org/package/primer-page-sections)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don’t show more than one at a time.
This repository is a module of the full [primer-css][primer] repository.
This repository is a module of the full [primer][primer] repository.
## Documentation
@ -51,7 +51,7 @@ MIT &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[primer-support]: https://github.com/primer/primer-support
[support]: https://github.com/primer/primer-support
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-page-sections/package.json
View File

@ -2,7 +2,7 @@
"version": "1.4.1",
"name": "primer-page-sections",
"description": "Styles to create distinct sections of marketing pages at GitHub.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "build/build.css",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-page-sections",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-page-sections",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -35,7 +35,7 @@
"github",
"page sections",
"primer",
"primercss",
"design-system",
"sections",
"style"
]

10
modules/primer-popover/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Popover
# Primer Popover
[![npm version](http://img.shields.io/npm/v/primer-popover.svg)](https://www.npmjs.org/package/primer-popover)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Popover for suggesting, guiding, and bringing attention to specific UI elements on a page.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -201,8 +201,8 @@ Defaults to caret oriented top-center.
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

6
modules/primer-popover/package.json
View File

@ -2,7 +2,7 @@
"version": "0.0.1",
"name": "primer-popover",
"description": "Popover for suggesting, guiding, and bringing attention to specific UI elements on a page.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"primer": {
"category": "product",
"module_type": "components"
@ -11,9 +11,9 @@
"license": "MIT",
"style": "index.scss",
"main": "build/index.js",
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-popover",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-popover",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"test-docs": "../../script/test-docs",

10
modules/primer-product/README.md
View File

@ -1,15 +1,15 @@
# Primer product
[![npm version](http://img.shields.io/npm/v/primer-product.svg)](https://www.npmjs.org/package/primer-product)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Primer product is one of 3 meta-packages that belong to the Primer CSS framework. Primer product contains packages that are used on GitHub product websites.
> Primer product is one of 3 meta-packages that belong to the Primer framework. Primer product contains packages that are used on GitHub product websites.
This repository is a compilation of [several CSS packages](https://github.com/primer/primer-css). You can break it down into smaller sections using npm.
This repository is a compilation of [several CSS packages](https://github.com/primer/primer). You can break it down into smaller sections using npm.
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-css` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths**
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths**
```
$ npm install --save primer-core
@ -42,7 +42,7 @@ You can read more about primer in the [docs][docs].
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

2
modules/primer-product/index.scss
View File

@ -1,6 +1,6 @@
/*!
* Primer-product
* http://primercss.io
* http://primer.github.io
*
* Released under MIT license. Copyright (c) 2017 GitHub Inc.
*/

8
modules/primer-product/package.json
View File

@ -1,8 +1,8 @@
{
"version": "5.4.1",
"name": "primer-product",
"description": "Primer CSS's product modules",
"homepage": "http://primercss.io/",
"description": "Primer's product modules",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "build/build.css",
@ -15,9 +15,9 @@
"index.scss",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-product",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-product",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",

10
modules/primer-subhead/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS / Subhead
# Primer / Subhead
[![npm version](http://img.shields.io/npm/v/primer-subhead.svg)](https://www.npmjs.org/package/primer-subhead)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> The Subhead is a simple header with a bottom border. It&#39;s designed to be used on settings and configuration pages.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -117,8 +117,8 @@ Use the `.Subhead-heading--danger` modifier to make the text bold and red. This
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

6
modules/primer-subhead/package.json
View File

@ -2,7 +2,7 @@
"version": "0.0.1",
"name": "primer-subhead",
"description": "The Subhead is a simple header with a bottom border. It&#39;s designed to be used on settings and configuration pages.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"primer": {
"category": "product",
"module_type": "components"
@ -11,9 +11,9 @@
"license": "MIT",
"style": "index.scss",
"main": "build/index.js",
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-subhead",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-subhead",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"test-docs": "../../script/test-docs",

8
modules/primer-support/README.md
View File

@ -1,13 +1,13 @@
# Primer CSS Support
# Primer Support
[![npm version](http://img.shields.io/npm/v/primer-support.svg)](https://www.npmjs.org/package/primer-support)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Support files are Sass variables, mixins, and functions that we import into different bases for use across components, objects, and utilities. Sharing these common properties across GitHub sites helps us to keep our styles more consistent.
>
> Most of the time to include these you'll only need to add `@import "support/support";` to the top of your bundle. If you want only a specific partial you can import them separately.
This repository is a module of the full [primer-css][primer] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -50,7 +50,7 @@ We've documented variables, mixins, and the systems they are built on for the fo
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

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

@ -1,7 +1,7 @@
---
title: Breakpoints
status: Stable
source: https://github.com/primer/primer-css/blob/master/modules/primer-support/lib/mixins/layout.scss
source: https://github.com/primer/primer/blob/master/modules/primer-support/lib/mixins/layout.scss
---
{:toc}

2
modules/primer-support/docs/color-system.md
View File

@ -2,7 +2,7 @@
title: Color system
status_issue: https://github.com/github/design-systems/issues/301
status: New release
source: https://github.com/primer/primer-css/blob/master/modules/primer-support/lib/variables/color-system.scss
source: https://github.com/primer/primer/blob/master/modules/primer-support/lib/variables/color-system.scss
---
{:toc}

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

@ -1,7 +1,7 @@
---
title: Spacing
status: Stable
source: https://github.com/primer/primer-css/blob/master/modules/primer-support/lib/variables/layout.scss
source: https://github.com/primer/primer/blob/master/modules/primer-support/lib/variables/layout.scss
---
{:toc}

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

@ -2,7 +2,7 @@
title: Typography
status_issue: https://github.com/github/design-systems/issues/329
status: New release
source: https://github.com/primer/primer-css/blob/master/modules/primer-support/lib/variables/typography.scss
source: https://github.com/primer/primer/blob/master/modules/primer-support/lib/variables/typography.scss
---
{:toc}

8
modules/primer-support/package.json
View File

@ -2,7 +2,7 @@
"version": "4.4.1",
"name": "primer-support",
"description": "Sass variables, mixins, and functions for use in our components.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -15,9 +15,9 @@
"lib",
"docs"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-support",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-support",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"lint": "../../script/lint-scss",
@ -28,7 +28,7 @@
"primer",
"css",
"github",
"primercss",
"design-system",
"mixins",
"functions",
"variables",

10
modules/primer-table-object/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS table object
# Primer table object
[![npm version](http://img.shields.io/npm/v/primer-table-object.svg)](https://www.npmjs.org/package/primer-table-object)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Table object is a module for creating dynamically resizable elements that always sit on the same horizontal line (e.g., they never break to a new line). Using table styles in our CSS means it’s cross browser friendly back to at least IE9.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -62,8 +62,8 @@ Additional `margin` or `padding` may be required to properly space content.
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-table-object/package.json
View File

@ -2,7 +2,7 @@
"version": "1.4.1",
"name": "primer-table-object",
"description": "A module for creating dynamically resizable elements that always sit on the same horizontal line.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-table-object",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-table-object",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"test-docs": "../../script/test-docs",
@ -34,6 +34,6 @@
"primer",
"css",
"github",
"primercss"
"design-system"
]
}

6
modules/primer-tables/README.md
View File

@ -1,11 +1,11 @@
# Primer Marketing CSS Tables
[![npm version](http://img.shields.io/npm/v/primer-tables.svg)](https://www.npmjs.org/package/primer-tables)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Styles to display tabular data for marketing websites at GitHub.
This repository is a module of the full [primer-css][primer] repository.
This repository is a module of the full [primer][primer] repository.
## Documentation
@ -51,7 +51,7 @@ MIT &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[primer-support]: https://github.com/primer/primer-support
[support]: https://github.com/primer/primer-support
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-tables/package.json
View File

@ -2,7 +2,7 @@
"version": "1.4.1",
"name": "primer-tables",
"description": "Styles to display tabular data for marketing websites at GitHub.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "build/build.css",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-tables",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-tables",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -34,7 +34,7 @@
"css",
"github",
"primer",
"primercss",
"design-system",
"style",
"tables"
]

10
modules/primer-tooltips/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Tooltips
# Primer Tooltips
[![npm version](http://img.shields.io/npm/v/primer-tooltips.svg)](https://www.npmjs.org/package/primer-tooltips)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> Add tooltips built entirely in CSS to nearly any element. Just add a few classes and an aria-label attribute.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -110,8 +110,8 @@ By default the tooltips have a slight delay before appearing. This is to keep mu
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-tooltips/package.json
View File

@ -2,7 +2,7 @@
"version": "1.4.1",
"name": "primer-tooltips",
"description": "Add tooltips built entirely in CSS to nearly any element.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-tooltips",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-tooltips",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"test-docs": "../../script/test-docs",
@ -34,6 +34,6 @@
"primer",
"css",
"github",
"primercss"
"design-system"
]
}

10
modules/primer-truncate/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Truncate
# Primer Truncate
[![npm version](http://img.shields.io/npm/v/primer-truncate.svg)](https://www.npmjs.org/package/primer-truncate)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> .css-truncate will shorten text with an ellipsis. The maximum width of the truncated text can be changed by overriding the max-width of the .css-truncate-target.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -61,8 +61,8 @@ You can reveal the entire string on hover with the addition of `.expandable`.
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-truncate/package.json
View File

@ -2,7 +2,7 @@
"version": "1.4.1",
"name": "primer-truncate",
"description": "Shorten text with an ellipsis.",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -16,9 +16,9 @@
"lib",
"build"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-truncate",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-truncate",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"test-docs": "../../script/test-docs",
@ -34,7 +34,7 @@
"primer",
"css",
"github",
"primercss",
"design-system",
"truncate",
"ellipsis",
"text"

10
modules/primer-utilities/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS Utilities
# Primer Utilities
[![npm version](http://img.shields.io/npm/v/primer-utilities.svg)](https://www.npmjs.org/package/primer-utilities)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> There are a handful of utilities in Primer for quick behaviors, floats, colors, alignment, and more.
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -41,8 +41,8 @@ You can read more about utilities in the [docs folder](./docs/).
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

8
modules/primer-utilities/package.json
View File

@ -2,7 +2,7 @@
"version": "4.8.1",
"name": "primer-utilities",
"description": "Immutable, atomic CSS classes to rapidly build product",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "index.scss",
@ -17,9 +17,9 @@
"build",
"docs"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-utilities",
"repository": "https://github.com/primer/primer/tree/master/modules/primer-utilities",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -34,6 +34,6 @@
"primer",
"css",
"github",
"primercss"
"design-system"
]
}

0
modules/primer-css/LICENSE → modules/primer/LICENSE
View File

18
modules/primer-css/README.md → modules/primer/README.md
View File

@ -1,18 +1,18 @@
# Primer CSS
# Primer
[![npm version](http://img.shields.io/npm/v/primer-css.svg)](https://www.npmjs.org/package/primer-css)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![npm version](http://img.shields.io/npm/v/primer.svg)](https://www.npmjs.org/package/primer)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
Primer is the CSS framework that powers GitHub's front-end design. Primer CSS includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project.
Primer is the CSS framework that powers GitHub's front-end design. Primer includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project.
The Primer CSS repo is managed as a monorepo that is composed of many npm packages.
The Primer repo is managed as a monorepo that is composed of many npm packages.
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `Primer-CSS` with this command.
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer` with this command.
```
$ npm install --save primer-css
$ npm install --save primer
```
## Usage
@ -20,7 +20,7 @@ $ npm install --save primer-css
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-css/index.scss";
@import "primer/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
@ -42,7 +42,7 @@ You can read more about primer in the [docs][docs].
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

2
modules/primer-css/index.scss → modules/primer/index.scss
View File

@ -1,6 +1,6 @@
/*!
* Primer
* http://primercss.io
* http://primer.github.io
*
* Released under MIT license. Copyright (c) 2017 GitHub Inc.
*/

12
modules/primer-css/package.json → modules/primer/package.json
View File

@ -1,8 +1,8 @@
{
"version": "9.6.0",
"name": "primer-css",
"description": "Primer is the CSS framework that powers GitHub's front-end design. Primer-css includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project.",
"homepage": "http://primercss.io/",
"name": "primer",
"description": "Primer is the CSS framework that powers GitHub's front-end design. primer includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project.",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"style": "build/build.css",
@ -16,9 +16,9 @@
"build",
"CHANGELOG.md"
],
"repository": "https://github.com/primer/primer-css/tree/master/modules/primer-css",
"repository": "https://github.com/primer/primer/tree/master/modules/primer",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"build": "../../script/npm-run primer-module-build index.scss",
@ -62,6 +62,6 @@
"primer",
"css",
"github",
"primercss"
"design-system"
]
}

2
package.json
View File

@ -15,7 +15,7 @@
"release-candidate": "script/release-candidate",
"release": "script/release",
"publish-skipgit": "lerna publish --skip-git",
"bump": "lerna publish --exact --skip-npm --since \"v$(npm info primer-css version)\"",
"bump": "lerna publish --exact --skip-npm --since \"v$(npm info primer version)\"",
"new-module": "script/new-module",
"test": "npm run test-all-modules && lerna run test",
"test-all-modules": "ava --verbose tests/test-*.js"

4
script/check-imports
View File

@ -70,7 +70,7 @@ globby('modules/primer-*')
})
return Promise.all(tasks)
.then(() => {
const primer = map.get('primer-css')
const primer = map.get('primer')
const deps = new Set(
Object.keys(primer.dependencies)
@ -85,7 +85,7 @@ globby('modules/primer-*')
.forEach(mod => {
if (!deps.has(mod)) {
throw new Error(
`primer-css is missing dependency for ${mod}@${map.get(mod).version}`
`primer is missing dependency for ${mod}@${map.get(mod).version}`
)
}
})

2
script/get-release-version
View File

@ -21,7 +21,7 @@ if (module.parent) {
module.exports = getReleaseVersion
} else {
const args = process.argv.slice(2)
const pkg = args.shift() || 'primer-css'
const pkg = args.shift() || 'primer'
const branch = args.shift() || process.env.TRAVIS_BRANCH
const version = getReleaseVersion(pkg, branch)
console.log(version)

4
script/notify
View File

@ -13,8 +13,8 @@ fi
context="npm publish"
_status=$1
# get the published version of primer-css from its package.json
package=primer-css
# get the published version of primer from its package.json
package=primer
version=$(jq -r .version modules/$package/package.json)
published="$package@$version"

2
script/release-candidate
View File

@ -13,7 +13,7 @@ const revertPackages = require('./revert-packages')
const PRERELEASE = 'prerelease'
const DIST_TAG = 'rc'
const PRIMER_CSS = 'primer-css'
const PRIMER_CSS = 'primer'
const RELEASE_VERSION = getReleaseVersion(
PRIMER_CSS,
process.env.TRAVIS_BRANCH

2
script/version
View File

@ -7,7 +7,7 @@ if [[ $# -lt 1 ]]; then
fi
version=$1
module=${2:-primer-css}
module=${2:-primer}
cd modules/$module
echo "${module}@$(jq -r .version package.json) => ${version}"

10
tools/generator-primer-module/README.md
View File

@ -1,7 +1,7 @@
# Primer CSS Module Generator
# Primer Module Generator
[![npm version](http://img.shields.io/npm/v/generator-primer-module.svg)](https://www.npmjs.org/package/generator-primer-module)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
Primer is the CSS framework that powers GitHub's front-end design. This is a
[Yeoman] generator that we use to scaffold new Primer modules.
@ -10,7 +10,7 @@ Primer is the CSS framework that powers GitHub's front-end design. This is a
### In the Monorepo
1. `cd` to the top level directory of the `primer-css` repository
1. `cd` to the top level directory of the `primer` repository
1. Run:
```sh
@ -69,7 +69,7 @@ npm install -g yo
### Standalone usage
It's possible to use this generator to create "standalone" Primer modules that
live outside of the Primer CSS monorepo, with the following caveats:
live outside of the Primer monorepo, with the following caveats:
* When prompted to add the new module to existing meta-packages, you will need
to un-select them all.
@ -100,7 +100,7 @@ yo primer-module primer-foo-bar
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

4
tools/generator-primer-module/app/options.js
View File

@ -5,7 +5,7 @@ const capitalize = require("./lib/capitalize")
const stripPrimerPrefix = require("./lib/strip-prefix")
const META_PACKAGES = [
"primer-css",
"primer",
"primer-core",
"primer-product",
"primer-marketing",
@ -143,7 +143,7 @@ module.exports = {
},
choices: META_PACKAGES,
default: function({category}) {
const pkgs = ["primer-css"]
const pkgs = ["primer"]
category = category || this.options.category
return (category === "meta")
? pkgs

10
tools/generator-primer-module/app/templates/README.md
View File

@ -1,11 +1,11 @@
# Primer CSS / <%= title %>
# Primer / <%= title %>
[![npm version](http://img.shields.io/npm/v/<%= module %>.svg)](https://www.npmjs.org/package/<%= module %>)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> <%= description %>
This repository is a module of the full [primer-css][primer-css] repository.
This repository is a module of the full [primer][primer] repository.
## Install
@ -48,8 +48,8 @@ status: <%= status || "Experimental" %>
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[primer]: https://github.com/primer/primer
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

6
tools/generator-primer-module/app/templates/package.json
View File

@ -2,7 +2,7 @@
"version": "0.0.1",
"name": "<%= module %>",
"description": "<%= description %>",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"primer": {
"category": "<%= category %>",
"module_type": "<%= module_type %>"
@ -11,9 +11,9 @@
"license": "MIT",
"style": "index.scss",
"main": "build/index.js",
"repository": "https://github.com/primer/primer-css/tree/master/modules/<%= module %>",
"repository": "https://github.com/primer/primer/tree/master/modules/<%= module %>",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"test-docs": "../../script/test-docs",

8
tools/generator-primer-module/package.json
View File

@ -1,15 +1,15 @@
{
"version": "1.0.0",
"name": "generator-primer-module",
"description": "Use this to create a new Primer CSS modules!",
"description": "Use this to create a new Primer modules!",
"author": "GitHub, Inc.",
"license": "MIT",
"primer": {
"module_type": "tools"
},
"repository": "https://github.com/primer/primer-css/tree/master/modules/generator-primer-module",
"repository": "https://github.com/primer/primer/tree/master/modules/generator-primer-module",
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
"url": "https://github.com/primer/primer/issues"
},
"scripts": {
"test": "../../node_modules/.bin/ava -v test/**/*.spec.js",
@ -24,7 +24,7 @@
"primer",
"css",
"github",
"primercss",
"design-system",
"yeoman-generator"
],
"devDependencies": {

4
tools/generator-primer-module/test/generator.spec.js
View File

@ -22,7 +22,7 @@ test("file scaffolding", t => {
const readme = path("README.md")
assert.file(readme)
assert.fileContent(readme, /# Primer CSS \/ Test/)
assert.fileContent(readme, /# Primer \/ Test/)
assert.fileContent(readme, `npmjs.org/package/${module}`)
assert.fileContent(readme, `npm install --save ${module}`)
@ -108,7 +108,7 @@ test("repository path is set properly", t => {
return generate({prompts: {module}})
.then(path => {
assert.jsonFileContent(path("package.json"), {
repository: `https://github.com/primer/primer-css/tree/master/modules/${module}`,
repository: `https://github.com/primer/primer/tree/master/modules/${module}`,
})
t.pass()
})

2
tools/stylelint-config-primer/README.md
View File

@ -1,7 +1,7 @@
# Primer Stylelint Config
[![NPM version](http://img.shields.io/npm/v/stylelint-config-primer.svg)](https://www.npmjs.org/package/stylelint-config-primer)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)
> A sharable stylelint config object that enforces GitHub's css rules

4
tools/stylelint-config-primer/package.json
View File

@ -2,7 +2,7 @@
"name": "stylelint-config-primer",
"version": "2.2.0",
"description": "Sharable stylelint config used by GitHub's CSS",
"homepage": "http://primercss.io/",
"homepage": "http://primer.github.io/",
"author": "GitHub, Inc.",
"license": "MIT",
"main": "index.js",
@ -14,7 +14,7 @@
"lint": "eslint **/*.js",
"test": "../../script/npm-run-all lint ava"
},
"repository": "https://github.com/primer/primer-css/tree/master/tools/stylelint-config-primer",
"repository": "https://github.com/primer/primer/tree/master/tools/stylelint-config-primer",
"dependencies": {
"stylelint-no-unsupported-browser-features": "^1.0.0",
"stylelint-order": "^0.4.4",

6
tools/stylelint-selector-no-utility/README.md
View File

@ -3,7 +3,7 @@
[![NPM version](http://img.shields.io/npm/v/stylelint-selector-no-utility.svg)](https://www.npmjs.org/package/stylelint-selector-no-utility)
[![Build Status](https://travis-ci.org/primer/stylelint-selector-no-utility.svg?branch=master)](https://travis-ci.org/primer/stylelint-selector-no-utility)
**This plugin is specific to [primer-utilities](https://github.com/primer/primer-css/tree/master/modules/primer-utilities)**. We'll accept pull requests to make it more generic, or feel free to fork and use it for your own classes.
**This plugin is specific to [primer-utilities](https://github.com/primer/primer/tree/master/modules/primer-utilities)**. We'll accept pull requests to make it more generic, or feel free to fork and use it for your own classes.
Utilities are single purpose styles that should be treated as immutable CSS. They should not be altered by custom CSS as this can cause unwanted side effects.
@ -57,14 +57,14 @@ In your [stylelint config](http://stylelint.io/user-guide/configuration/) add th
## Related
* [Stylelint](http://stylelint.io/)
* [primer-css][primer]
* [primer][primer]
## License
MIT &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[docs]: http://primercss.io/
[docs]: http://primer.github.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

2
tools/stylelint-selector-no-utility/package.json
View File

@ -19,7 +19,7 @@
],
"author": "GitHub, Inc.",
"license": "MIT",
"repository": "https://github.com/primer/primer-css/tree/master/tools/stylelint-selector-no-utility",
"repository": "https://github.com/primer/primer/tree/master/tools/stylelint-selector-no-utility",
"dependencies": {
"primer-utilities": "4.8.1",
"stylelint": "^7.13.0"