帮酷LOGO
  • 显示原文与译文双语对照的内容
The base coat of GitHub. Our internal CSS toolkit and guidelines.

  • 源代码名称:primer
  • 源代码网址:http://www.github.com/primer/primer
  • primer源代码文档
  • primer源代码下载
  • Git URL:
    git://www.github.com/primer/primer.git
  • Git Clone代码到本地:
    git clone http://www.github.com/primer/primer
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/primer/primer
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • 底漆

    npm versionBuild Status

    底漆是GitHub的设计系统。 引物包括 23个包,被分组到 3核心包中,便于安装。 每个包和元包都是独立的,并且通过npm发布,所以很容易在你自己的项目中包含全部或者部分引物。

    封装

    Primer repo 是作为一个monorepo管理的,它由许多npm包组成。

    核心软件包

    包版本
    引物
    包括所有 23个软件包
    npm
    底漆核心器件。npm
    底漆产品。npm
    引物市场。npm

    安装

    这里知识库是用 npm 分发的。 在安装 之后,你可以使用以下命令安装 primer

    $ npm install --save primer

    用法

    包含的源文件是用 Sass 编写的。 在使用npm安装后,你可以将项目目录添加到 Sass 包含路径( 即加载路径( 在 ruby 中为 ) ),然后像这样导入:

    @import"primer/index.scss";

    你可以通过使用npm安装各个入门模块来导入各个模块模块,例如:

    $ npm install --save primer-navigation

    然后,你将使用以下命令导入模块:

    @import"primer-navigation/index.scss";

    或者,在确定需要哪个模块时,可以直接从 primerpackages 目录中导入这些模块,如下所示:

    @import"primer/modules/primer-navigation/index.css";

    插件生成

    对于这个模块的预先编译好的版本,包含一个npm脚本,它将把CSS版本输出到。 构建的CSS文件也包含在npm包中。

    $ npm run build

    文档

    你可以在文档中阅读有关底漆的更多内容。

    许可证




    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语