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/cssThe 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.