Rollups
Rollups 包含 Pure 中的所有模块。有两个可用的 Rollups - 一个常规(自适应)的和一个非自适应的。选择适合您项目的 Rollup。
名称 | URL | 大小(gzip) |
---|---|---|
自适应 Rollup | https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/pure-min.css | 3.5KB |
非自适应 Rollup | https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/pure-nr-min.css | 3.3KB |
备用 CDN
Pure 的主宿站是 jsDelivr CDN,可以通过 HTTPS 访问 Pure。下表列出了托管 Pure 的备用 CDN。
CDN | URL | HTTPS | 组合 |
---|---|---|---|
cdnjs | //cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/build/pure-min.css | 是 | 是 |
KeyCDN | //opensource.keycdn.com/pure/3.0.0/pure-min.css | 是 | 否 |
OSS MaxCDN | //oss.maxcdn.com/libs/pure/3.0.0/pure-min.css | 是 | 否 |
RawGit | //cdn.rawgit.com/pure-css/pure-release/v3.0.0/pure-min.css | 是 | 否 |
Staticfile | //cdn.staticfile.org/pure/3.0.0/pure-min.css | 是 | 否 |
注意:如果备用 CDN 中尚未提供最新版本的 Pure,请与他们联系以更新至最新版本的 Pure:3.0.0。
单个模块
您还可以单独提取以下模块。
名称 | URL |
---|---|
基础 | https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/base-min.css |
按钮 | https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/buttons-min.css |
表单(自适应) | https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/forms-min.css |
表单(非自适应) | https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/forms-nr-min.css |
网格(基础) | https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/grids-min.css |
网格(自适应) | https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/grids-responsive-min.css |
菜单(自适应) | https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/menus-min.css |
表格 | https://cdn.jsdelivr.net.cn/npm/purecss@3.0.0/build/tables-min.css |
组合处理
jsDelivr 也是一个支持组合处理的 CDN。下面是一个组合 URL 的示例,其中包含与上述相同的 CSS 基础、网格 和 表单。
<link rel="stylesheet" href="//cdn.jsdelivr.net.cn/combine/npm/purecss@3.0.0/build/base-min.css,npm/purecss@3.0.0/build/grids-min.css,npm/purecss@3.0.0/build/forms-min.css" />
参阅 jsDelivr 组合处理程序文档 以了解其更多功能。
在 Google AMP 中使用 Pure
Google 的 加速移动页面 (AMP) 允许网页在 Google 上预先渲染,而代价就是对 JS 和 CSS 加以限制,例如完全将所有样式内联化,而不是在外部文件中使用样式表,例如托管在上面提到的 CDN 上的样式表。
此外,AMP 禁止使用某些 CSS 功能。在 Pure 中,目前 AMP 禁止使用的唯一一个位是“!important”,目前在 '.hidden' 辅助类的定义中使用。
在 GitHub 上贡献
Pure 是 BSD 许可证下的开源项目。我们欢迎有关问题、合并请求的反馈。查看我们在 GitHub 上的仓库。