ui-components styleguide CSS Sass Framework HTML primer JavaScript Shell design-system meta design-systems primer-css
Need help with css?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
primer

Description

The CSS design system that powers GitHub

9.8K Stars 820 Forks MIT License 4.5K Commits 114 Opened issues

Services available

Need anything else?

Primer CSS

The CSS implementation of GitHub's Primer Design System

Migrating

:rotating_light: 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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.