mirror of
https://github.com/primer/css.git
synced 2024-09-11 16:36:07 +03:00
The CSS design system that powers GitHub
cssdesign-systemdesign-systemsframeworkmetaprimerprimer-csssassstarred-primer-repostarred-repostyleguideui-components
* Updating and autofixing stylelint * Moving config to primer/stylelint-config * Removing unused disables from css * Stylelint auto-fixes * @primer/stylelint-config@12.2.0 * Remove these from workfow * Use reusable release_canary workflow (#1811) * Use reusable release_canary workflow * Install with yarn Co-authored-by: Jon Rohan <yes@jonrohan.codes> * Use counter-border for LHC (#1792) * Use counter-border for LHC * Create orange-ties-sin.md * Remove fallback * UnderlineNav `:focus` styles (#1764) * add pseudo selectors * adjustments * add stories, cleanup * update mixin * fix mixin * lint * add back overflow styles * adjust focus for better overflow state, scrollsnap * post test adjustments, move hacks to primer css * Stylelint auto-fixes * hover state desktop only * document data-content hack * Create nice-days-jog.md Co-authored-by: Actions Auto Build <actions@github.com> Co-authored-by: simurai <simurai@github.com> * Add note about loading the "latest" Primer CSS version (#1784) * Add stashing * Stylelint auto-fixes Co-authored-by: Actions Auto Build <actions@github.com> Co-authored-by: Cole Bemis <colebemis@github.com> Co-authored-by: simurai <simurai@github.com> Co-authored-by: Katie Langerman <langermank@github.com> |
||
---|---|---|
__tests__ | ||
.changeset | ||
.github | ||
.vscode | ||
docs | ||
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 | ||
vercel.json | ||
yarn.lock |
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.