facb96823a
* checkbox animation adjustment * radio styles * disabled state * pull styles from app header * cleanup spacing/alignment * add checkbox focus styles * stories + radio focus styles * convert to css check * refactor to pure *CSS* :) * configure multi radio story * lint * Create neat-sloths-march.md * snappier animations * adjust mask size for better scailing * checkbox mask size * lint * Stylelint auto-fixes * rename classes * how many times will she refactor? * slight refactor based on original api * delete component file test * Stylelint auto-fixes * add comments around padding * Stylelint auto-fixes * undo changes to old forms * increase touch target :) * remove unused grid + cursor pointer * Stylelint auto-fixes * adjust disabled checked styles * bump primitives * Stylelint auto-fixes * Update neat-sloths-march.md * temp add prefix for testing * test windows high contrast * cleanup prefix for final build Co-authored-by: Actions Auto Build <actions@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 | ||
| 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.