1
1
mirror of https://github.com/primer/css.git synced 2024-11-30 01:04:04 +03:00

Renaming primer-css to primer

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

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.

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,
})

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:

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:

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/

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.

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. Dont 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/

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"
]
}

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, theyre 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/

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"
]
}

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/

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"

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 isnt 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/

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"

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/

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"
]
}

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/

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",

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/

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"
]
}

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/

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"
]

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/

View File

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

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",

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/

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"

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/

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"
]
}

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)
> Primers layout includes basic page containers and a single-tiered, fraction-based grid system. That sounds more complicated than it really is though—its 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/

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.

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"
]
}

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/

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",

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/

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"
]

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/

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",

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. Dont 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/

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"

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/

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"
]
}

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/

View File

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

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",

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/

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"
]

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/

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"
]
}

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. Dont 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/

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"
]

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/

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",

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/

View File

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

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",

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/

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",

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/

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}

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}

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}

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}

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",

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 its 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/

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"
]
}

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/

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"
]

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/

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"
]
}

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/

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"

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/

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"
]
}

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/

View File

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

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"
]
}

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"

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}`
)
}
})

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)

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"

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

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}"

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/

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

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/

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",

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": {

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()
})

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

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",

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/

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"