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:
parent
8624389a5f
commit
fdabbb6ea0
8
.github/CONTRIBUTING.md
vendored
8
.github/CONTRIBUTING.md
vendored
@ -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.
|
||||
|
@ -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,
|
||||
})
|
||||
|
||||
|
@ -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
14
CHANGELOG.md
@ -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
24
README.md
@ -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) © [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/
|
||||
|
@ -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.
|
||||
|
@ -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) © [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,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"
|
||||
]
|
||||
}
|
||||
|
@ -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) © [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,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"
|
||||
]
|
||||
}
|
||||
|
@ -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) © [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,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"
|
||||
|
@ -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) © [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,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"
|
||||
|
@ -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) © [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,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"
|
||||
]
|
||||
}
|
||||
|
@ -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) © [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,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",
|
||||
|
@ -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 © [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/
|
||||
|
@ -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"
|
||||
]
|
||||
}
|
||||
|
@ -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) © [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,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"
|
||||
]
|
||||
|
@ -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) © [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/
|
||||
|
@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Primer-core
|
||||
* http://primercss.io
|
||||
* http://primer.github.io
|
||||
*
|
||||
* Released under MIT license. Copyright (c) 2017 GitHub Inc.
|
||||
*/
|
||||
|
@ -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",
|
||||
|
@ -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) © [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,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"
|
||||
|
@ -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) © [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,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"
|
||||
]
|
||||
}
|
||||
|
@ -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) © [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,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.
|
||||
|
@ -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"
|
||||
]
|
||||
}
|
||||
|
@ -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) © [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/
|
||||
|
@ -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",
|
||||
|
@ -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 © [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/
|
||||
|
@ -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"
|
||||
]
|
||||
|
@ -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 © [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,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",
|
||||
|
@ -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 © [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/
|
||||
|
@ -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"
|
||||
|
@ -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) © [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,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"
|
||||
]
|
||||
}
|
||||
|
@ -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) © [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/
|
||||
|
@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Primer-marketing
|
||||
* http://primercss.io
|
||||
* http://primer.github.io
|
||||
*
|
||||
* Released under MIT license. Copyright (c) 2017 GitHub Inc.
|
||||
*/
|
||||
|
@ -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",
|
||||
|
@ -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) © [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,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"
|
||||
]
|
||||
|
@ -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 © [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/
|
||||
|
@ -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"
|
||||
]
|
||||
}
|
||||
|
@ -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 © [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/
|
||||
|
@ -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"
|
||||
]
|
||||
|
@ -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) © [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,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",
|
||||
|
@ -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) © [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/
|
||||
|
@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Primer-product
|
||||
* http://primercss.io
|
||||
* http://primer.github.io
|
||||
*
|
||||
* Released under MIT license. Copyright (c) 2017 GitHub Inc.
|
||||
*/
|
||||
|
@ -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",
|
||||
|
@ -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'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) © [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,7 +2,7 @@
|
||||
"version": "0.0.1",
|
||||
"name": "primer-subhead",
|
||||
"description": "The Subhead is a simple header with a bottom border. It'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",
|
||||
|
@ -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) © [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/
|
||||
|
@ -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,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}
|
||||
|
@ -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,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}
|
||||
|
@ -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",
|
||||
|
@ -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) © [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,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"
|
||||
]
|
||||
}
|
||||
|
@ -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 © [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/
|
||||
|
@ -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"
|
||||
]
|
||||
|
@ -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) © [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,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"
|
||||
]
|
||||
}
|
||||
|
@ -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) © [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,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"
|
||||
|
@ -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) © [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,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"
|
||||
]
|
||||
}
|
||||
|
@ -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) © [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/
|
@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Primer
|
||||
* http://primercss.io
|
||||
* http://primer.github.io
|
||||
*
|
||||
* Released under MIT license. Copyright (c) 2017 GitHub Inc.
|
||||
*/
|
@ -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"
|
||||
]
|
||||
}
|
@ -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"
|
||||
|
@ -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}`
|
||||
)
|
||||
}
|
||||
})
|
||||
|
@ -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)
|
||||
|
@ -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"
|
||||
|
||||
|
@ -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
|
||||
|
@ -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}"
|
||||
|
@ -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) © [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/
|
||||
|
@ -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
|
||||
|
@ -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) © [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,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",
|
||||
|
@ -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": {
|
||||
|
@ -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()
|
||||
})
|
||||
|
@ -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
|
||||
|
||||
|
@ -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",
|
||||
|
@ -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 © [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/
|
||||
|
@ -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"
|
||||
|
Loading…
Reference in New Issue
Block a user