Skip to content
The CSS design system that powers GitHub
CSS JavaScript Shell HTML
Branch: master
Clone or download
1
Latest commit 17dabe3 Jan 24, 2020
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github add changelog workflow Oct 25, 2019
.storybook Include GitHub's stylesheet.css in storybook head Jul 29, 2019
bin migrate: add primer-migrate binary, tests Feb 13, 2019
docs Merge branch 'release-14.2.0' into aria-selected Jan 23, 2020
fonts Add Inter Bold Dec 18, 2019
lib lint Oct 25, 2019
script rm flash-banner docs (component was deprecated) Dec 20, 2019
src Merge pull request #1002 from primer/marketing-utilities Jan 23, 2020
static Remove old docs Aug 12, 2019
.browserslistrc build: add .browserslistrc Feb 12, 2019
.eslintrc.json lint: add eslint configs Feb 11, 2019
.gitignore move now-build.sh up to /script, etc. Nov 4, 2019
.nowignore add .nowignore Nov 4, 2019
.npmignore Merge pull request #672 from primer/reorg-build Feb 12, 2019
.npmrc remove npm defaults from .npmrc Sep 9, 2019
CHANGELOG.md Fix links Jan 23, 2020
CODE_OF_CONDUCT.md add code of conduct Dec 4, 2018
DEVELOP.md update development docs for new gatsby site Sep 13, 2019
LICENSE Happy new year Jan 3, 2018
MIGRATING.md docs: simplify primer-migrate section Feb 13, 2019
README.md docs: make the README flashy, like Components’ Feb 21, 2019
RELEASING.md Update "Ship checklist" Sep 18, 2019
deprecations.js Fix "test deprecations" Jan 23, 2020
now.json Revert now.json changes Dec 16, 2019
package-lock.json npm version minor Jan 23, 2020
package.json npm version minor Jan 23, 2020
postcss.config.js chore: lint Feb 12, 2019
prettier.config.js lint: add prettier.config.js Feb 11, 2019
release.config.js add release.config.js Oct 25, 2019
stylelint.config.js enforce scss/dollar-variable-default specifically Oct 31, 2019

README.md

Primer CSS

The CSS implementation of GitHub's Primer Design System

Migrating

🚨 If you currently use the primer or primer--prefixed npm packages, please read the migration guide!

Install

This repository is distributed with npm. After installing npm, you can install @primer/css with this command:

$ npm install --save @primer/css

Usage

The included source files are written in Sass using SCSS syntax. After installing with npm, you can add your project's node_modules directory to your Sass include paths (AKA load paths in Ruby), then import it like this:

@import "@primer/css/index.scss";

You can import individual Primer modules directly from the @primer/css package:

@import "@primer/css/core/index.scss";
@import "@primer/css/product/index.scss";
@import "@primer/css/marketing/index.scss";

Development

See DEVELOP.md for development docs.

Releasing (for GitHub staff)

You can find docs about our release process in RELEASING.md.

Documentation

The Primer CSS docs site is deployed from this repo with primer/deploy. See the development docs for more info.

License

MIT © GitHub

You can’t perform that action at this time.