The CSS implementation of GitHub's Primer Design System

⚠️ It is encouraged that you use primer/react and primer/view_components for styling and markup.

⚠️ The documentation of this repo is not maintained anymore. Please raise any documentation-specific pull requests in primer.style/design

Our documentation site lives at primer.style/css. You'll be able to find detailed documentation on getting started, all of the components, our theme, our principles, and more.

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.

MIT © GitHub