Primer CSS is the Sass implementation of Primer, the design system that powers GitHub.

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

$ npm install --save @primer/css

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

See DEVELOP.md for development docs.

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

The Primer CSS docs site in this repo is created with Primer Components, Next, and hosted on Now.

MIT © GitHub