The CSS implementation of GitHub's Primer Design System (reverted to pre-Storybook, Gatsby-based documentation)
⚠️ The documentation of this repo is not maintained anymore. Please raise any documentation-specific pull requests in primer.style/design
This fork's documentation site is located at https://thedude53.github.io/primer-css-GatsbyDocs/css. Unlike the current documentation, this fork has been reverted to Gatsby-based documentation before the full switch to Storybook occurred, meaning no component documentation has been lost. 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.