ad358f2087
* upgrade * add all stories * new directory * move back to docs * remove from root * cleanup * try node 16 * adjust build script * try to fix build * try node 16 * maybe? * please * bye gatsby * fix button story * add info banner * add missing marketing docs |
||
---|---|---|
__tests__ | ||
.changeset | ||
.github | ||
.vscode | ||
docs | ||
migrations | ||
script | ||
src | ||
.eslintrc.json | ||
.gitignore | ||
.npmignore | ||
.npmrc | ||
.vercelignore | ||
CHANGELOG.md | ||
CODE_OF_CONDUCT.md | ||
CONTRIBUTING.md | ||
deprecations.js | ||
DEVELOP.md | ||
LICENSE | ||
package.json | ||
postcss.config.cjs | ||
prettier.config.cjs | ||
README.md | ||
RELEASING.md | ||
stylelint.config.cjs | ||
yarn.lock |
Primer CSS
The CSS implementation of GitHub's Primer Design System
Documentation
⚠️ 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.
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.