The CSS design system that powers GitHub
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
github-actions[bot] 9734a4fc67 Version Packages 6 hours ago
.changeset Version Packages 6 hours ago
.github Update names 18 hours ago
__tests__ Fixing deprecation test 18 hours ago
docs Merge branch 'main' into tobiasahlin/marketing-new-typescale 2 days ago
script Test force 18 hours ago
src Merge pull request #1382 from primer/tobiasahlin/optimize-marketing-body-inheritence 6 hours ago
.gitignore create pretest script 1 month ago
.node-version Adding node-version back 3 weeks ago
.npmignore ignore vercel.json 4 weeks ago
.npmrc don't create package-lock on install 1 month ago
.nvmrc nvmrc file 3 weeks ago
.vercelignore Revert "change names back" 3 weeks ago
CHANGELOG.md Version Packages 6 hours ago
LICENSE Updating docs to reflect new release workflow 1 month ago
README.md Updating docs to reflect new release workflow 1 month ago
deprecations.js Merge branch 'main' into tobiasahlin/dont-confuse-sizes-with-breakpoints 22 hours ago
package.json Version Packages 6 hours ago
postcss.config.js Updating postcss config for 8 3 weeks ago
prettier.config.js Revert "Move prettier config to package.json" 1 month ago
stylelint.config.js Stylelint ignore fonts folder 4 weeks ago
vercel.json Revert "change names back" 3 weeks ago
yarn.lock Merge branch 'main' into dependabot/npm_and_yarn/table-6.6.0 2 days ago

README.md

Primer CSS

The CSS implementation of GitHub's Primer Design System

Documentation

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.

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.

License

MIT © GitHub