{"id":13398420,"url":"https://github.com/primer/css","last_synced_at":"2025-05-12T18:29:34.731Z","repository":{"id":29024447,"uuid":"32551735","full_name":"primer/css","owner":"primer","description":"Primer is GitHub's design system. This is the CSS implementation","archived":false,"fork":false,"pushed_at":"2025-05-05T06:20:15.000Z","size":37061,"stargazers_count":12682,"open_issues_count":6,"forks_count":1253,"subscribers_count":247,"default_branch":"main","last_synced_at":"2025-05-05T15:55:49.393Z","etag":null,"topics":["css","design-system","design-systems","framework","meta","primer","primer-css","sass","styleguide","ui-components"],"latest_commit_sha":null,"homepage":"https://primer.style/css","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/primer.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2015-03-19T23:31:21.000Z","updated_at":"2025-05-04T16:35:18.000Z","dependencies_parsed_at":"2023-10-10T22:06:23.455Z","dependency_job_id":"ca881a9b-f4f8-464a-99b8-c98365a65fc8","html_url":"https://github.com/primer/css","commit_stats":{"total_commits":5584,"total_committers":201,"mean_commits":"27.781094527363184","dds":0.6973495702005731,"last_synced_commit":"7eaba91768f8e31cf6b0c5538230ce2d04e9bfec"},"previous_names":["primer/primer","primer/primer-css"],"tags_count":271,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/primer%2Fcss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/primer%2Fcss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/primer%2Fcss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/primer%2Fcss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/primer","download_url":"https://codeload.github.com/primer/css/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253497296,"owners_count":21917683,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","design-system","design-systems","framework","meta","primer","primer-css","sass","styleguide","ui-components"],"created_at":"2024-07-30T19:00:25.435Z","updated_at":"2025-05-12T18:29:34.690Z","avatar_url":"https://github.com/primer.png","language":"SCSS","readme":"\u003cp align=\"center\"\u003e\n  \u003cimg width=\"300px\" alt=\"\" src=\"./docs/src/readme.png\"\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003ePrimer CSS\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003eThe CSS implementation of GitHub's Primer Design System\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca aria-label=\"npm package\" href=\"https://www.npmjs.com/package/@primer/css\"\u003e\n    \u003cimg alt=\"\" src=\"https://img.shields.io/npm/v/@primer/css.svg\"\u003e\n  \u003c/a\u003e\n  \u003ca aria-label=\"build status\" href=\"https://github.com/primer/css/actions/workflows/ci.yml\"\u003e\n    \u003cimg alt=\"\" src=\"https://github.com/primer/css/actions/workflows/ci.yml/badge.svg\"\u003e\n  \u003c/a\u003e\n  \u003ca aria-label=\"contributors graph\" href=\"https://github.com/primer/css/graphs/contributors\"\u003e\n    \u003cimg alt=\"\" src=\"https://img.shields.io/github/contributors/primer/css.svg\"\u003e\n  \u003c/a\u003e\n  \u003ca aria-label=\"last commit\" href=\"https://github.com/primer/css/commits/main\"\u003e\n    \u003cimg alt=\"\" src=\"https://img.shields.io/github/last-commit/primer/css.svg\"\u003e\n  \u003c/a\u003e\n  \u003ca aria-label=\"license\" href=\"https://github.com/primer/css/blob/main/LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/primer/css.svg\" alt=\"\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Documentation\n\n\u003e :warning: It is encouraged that you use [primer/react](https://github.com/primer/react) and [primer/view_components](https://github.com/primer/view_components) for styling and markup.\n\n\u003e :warning: **The documentation of this repo is not maintained anymore**. Please raise any documentation-specific pull requests in [primer.style/design](https://github.com/primer/design/)\n\nOur documentation site lives at [primer.style/css](https://primer.style/css). You'll be able to find detailed documentation on getting started, all of the components, our theme, our principles, and more.\n\n## Install\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `@primer/css` with this command:\n\n```sh\nnpm install --save @primer/css\n```\n\n## Usage\nThe included source files are written in [Sass] using SCSS syntax. After [installing](#install) with npm, you can add your project's `node_modules` directory to your Sass [include paths](https://github.com/sass/node-sass#includepaths) (AKA [load paths](http://technology.customink.com/blog/2014/10/09/understanding-and-using-sass-load-paths/) in Ruby), then import it like this:\n\n```scss\n@import \"@primer/css/index.scss\";\n```\n\nYou can import individual Primer modules directly from the `@primer/css` package:\n\n```scss\n@import \"@primer/css/core/index.scss\";\n@import \"@primer/css/product/index.scss\";\n@import \"@primer/css/marketing/index.scss\";\n```\n\n## Development\nSee [DEVELOP.md](DEVELOP.md) for development docs.\n\n## Releasing (for GitHub staff)\nYou can find docs about our release process in [RELEASING.md](RELEASING.md).\n\n## License\n\n[MIT](./LICENSE) \u0026copy; [GitHub](https://github.com/)\n\n\n[install-npm]: https://docs.npmjs.com/getting-started/installing-node\n[npm]: https://www.npmjs.com/\n[primer]: https://primer.style/\n[sass]: http://sass-lang.com/\n","funding_links":[],"categories":["CSS","SCSS","CSS (5)","General Purpose","前端开发框架及项目","Frameworks / Resources"],"sub_categories":["其他_文本生成、文本对话","P"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprimer%2Fcss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprimer%2Fcss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprimer%2Fcss/lists"}