css

<p align="center"> <img width="300px" alt="" src="https://raw.githubusercontent.com/primer/css/main/docs/src/readme.png"> </p> <h1 align="center">Primer CSS</h1> <p align="center">GitHub的Primer设计系统的CSS实现</p> <p align="center"> <a aria-label="npm包" href="https://www.npmjs.com/package/@primer/css"> <img alt="" src="https://yellow-cdn.veclightyear.com/835a84d5/6049e044-e42a-469f-bf87-13fed8678507.svg"> </a> <a aria-label="构建状态" href="https://github.com/primer/css/actions/workflows/ci.yml"> <img alt="" src="https://yellow-cdn.veclightyear.com/835a84d5/b50a8eea-0032-4041-8a59-46c22ca68963.svg"> </a> <a aria-label="贡献者图表" href="https://github.com/primer/css/graphs/contributors"> <img alt="" src="https://yellow-cdn.veclightyear.com/835a84d5/30e42f59-7e66-4741-8472-a9b0b6778e23.svg"> </a> <a aria-label="最后提交" href="https://github.com/primer/css/commits/main"> <img alt="" src="https://yellow-cdn.veclightyear.com/835a84d5/c2652bb3-2aef-4d53-ae69-02e3b2eb7ae8.svg"> </a> <a aria-label="许可证" href="https://github.com/primer/css/blob/main/LICENSE"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/9e2a8aa7-86a9-426c-b37c-d4450cb994c1.svg" alt=""> </a> </p>

文档

:警告: 本仓库的文档不再维护。请在primer.style/design提交任何与文档相关的拉取请求

我们的文档网站位于primer.style/css。你可以在那里找到关于入门、所有组件、我们的主题、原则等详细文档。

安装

本仓库通过npm分发。安装npm后，你可以使用以下命令安装@primer/css：

npm install --save @primer/css

使用

包含的源文件使用SCSS语法编写的Sass。通过npm安装后，你可以将项目的node_modules目录添加到Sass的包含路径（在Ruby中称为加载路径），然后像这样导入：

@import "@primer/css/index.scss";

你可以直接从@primer/css包中导入单个Primer模块：

@import "@primer/css/core/index.scss";
@import "@primer/css/product/index.scss";
@import "@primer/css/marketing/index.scss";

开发

查看DEVELOP.md获取开发文档。

发布（针对GitHub员工）

你可以在RELEASING.md中找到有关我们发布流程的文档。

许可证

MIT © GitHub