justinpocta / design-system-primer-css

The CSS design system that powers GitHub

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