- Notifications
You must be signed in to change notification settings - Fork1.3k
Primer is GitHub's design system. This is the CSS implementation
License
primer/css
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
The CSS implementation of GitHub's Primer Design System
⚠️ This project is in KTLO mode! Use existing utility classes from this project where needed. For more complete patterns that include styling and markup, please useprimer/react or, if necessary,primer/view_components.
Our documentation site lives atprimer.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 withnpm. Afterinstalling npm, you can install@primer/css
with this command:
npm install --save @primer/css
The included source files are written inSass using SCSS syntax. Once installed, you can add your project'snode_modules
directory to your Sassinclude paths (AKAload 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";
SeeDEVELOP.md for development docs.
You can find docs about our release process inRELEASING.md.
About
Primer is GitHub's design system. This is the CSS implementation
Topics
Resources
License
Code of conduct
Contributing
Uh oh!
There was an error while loading.Please reload this page.