1
1
mirror of https://github.com/primer/css.git synced 2025-01-07 06:51:03 +03:00
The CSS design system that powers GitHub
Go to file
Kate Travers baf0cdcda7
include typography utility class names in example text content (#2633)
## Context

Whenever I look up typography utility classes, I end up having to inspect the markup in the embedded Storybook to get the actual class name. It would be much easier if the class names were written out in the text content instead, so they could be copy/pasted directly from the page, without having to take the extra step of inspecting the page source.

## Summary

This PR adds the class names to the storybook text content.

## Related

https://github.com/primer/design/pull/796
2024-06-03 11:22:47 -07:00
__tests__ Removing the duplicate deprecation backgrounds (#1663) 2021-10-08 09:20:20 -07:00
.changeset Version Packages (#2623) 2024-05-07 13:45:54 -07:00
.github Bump primer/.github from 2.0.0 to 2.1.0 (#2627) 2024-06-03 08:18:53 -07:00
.vscode Storybook enhancements - prototyping + docs (#1747) 2021-11-16 11:46:47 -08:00
docs include typography utility class names in example text content (#2633) 2024-06-03 11:22:47 -07:00
migrations Remove Gatsby docs site (#2484) 2023-07-13 15:14:44 -07:00
script Fix bundle size report 2024-01-02 18:51:10 +00:00
src drop !important from details styling (#2611) 2024-05-07 07:19:24 -07:00
.eslintrc.json Convert package to a ES module (#1528) 2021-08-11 14:10:47 -07:00
.gitignore Remove yarn in favor of npm (#2443) 2023-07-13 16:40:26 -07:00
.npmignore ignore vercel.json 2021-04-07 09:10:53 -07:00
.npmrc Remove yarn in favor of npm (#2443) 2023-07-13 16:40:26 -07:00
.vercelignore Revert "change names back" 2021-04-11 15:51:18 -07:00
CHANGELOG.md Version Packages (#2623) 2024-05-07 13:45:54 -07:00
CODE_OF_CONDUCT.md Move standard docs to root (#1454) 2021-06-10 12:09:59 +09:00
CONTRIBUTING.md Update contributing docs with npx changeset step (#1987) 2022-03-09 09:13:21 -08:00
deprecations.js Updating deprecations.js file to be more straightforward (#1581) 2021-09-10 10:54:26 -07:00
DEVELOP.md Remove references to npm start and dev (#2553) 2023-11-30 15:02:27 -08:00
LICENSE Updating docs to reflect new release workflow 2021-04-01 13:36:44 -07:00
package-lock.json Bump eslint-plugin-jest from 28.3.0 to 28.5.0 (#2631) 2024-06-03 08:19:51 -07:00
package.json Version Packages (#2623) 2024-05-07 13:45:54 -07:00
postcss.config.cjs Cleanup old Primitive imports (#2606) 2024-04-09 11:55:11 -07:00
prettier.config.cjs Convert package to a ES module (#1528) 2021-08-11 14:10:47 -07:00
README.md Add note about unmaintained docs (#2369) 2023-01-24 21:58:58 +09:00
RELEASING.md Update RELEASING.md 2023-03-31 10:28:00 -07:00
stylelint.config.cjs Use @primer/primitives v8 colors with fallbacks (#2466) 2023-06-21 13:56:27 -07:00

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.

License

MIT © GitHub