codecamp

Pure定制

选择所需的模块。

Rollups

Rollups包括Pure中的所有模块。有两个Rollups可用 - 一个常规的(响应的)和一个不响应的。选择那个适合您的项目。

名称网址大小(gzip)
响应性汇总https://unpkg.com/purecss@1.0.0/build/pure-min.css3.8KB
非反应性汇总https://unpkg.com/purecss@1.0.0/build/pure-nr-min.css3.7KB

非响应式汇总不包括媒体查询,因此可以更轻松地覆盖基础库中的样式。 此外,您还可以创建更适合您的项目需求的自定义网格

Alternate CDNs

Pure的主要主机是通过HTTPS提供Pure的unpkg CDN。下表列出了Pure托管的备用CDN。

CDN网址HTTPS二合一
cdnjs//cdnjs.cloudflare.com/ajax/libs/pure/1.0.0/pure-min.css没有
jsDelivr//cdn.jsdelivr.net/npm/purecss@1.0.0/build/pure-min.css
KeyCDN//opensource.keycdn.com/pure/1.0.0/pure-min.css没有
OSS MaxCDN//oss.maxcdn.com/libs/pure/1.0.0/pure-min.css没有
RawGit//cdn.rawgit.com/yahoo/pure-release/v1.0.0/pure-min.css没有
Staticfile//cdn.staticfile.org/pure/1.0.0/pure-min.css没有

注意:如果最新版本的Pure尚未在其中一个备用CDN上,请联系他们以更新到最新版本的Pure:1.0.0。

个人模块

您也可以单独拉入以下模块。

名称网址
基础https://unpkg.com/purecss@1.0.0/build/base-min.css
按钮https://unpkg.com/purecss@1.0.0/build/buttons-min.css
表格(回应)https://unpkg.com/purecss@1.0.0/build/forms-min.css
表格(非回应)https://unpkg.com/purecss@1.0.0/build/forms-nr-min.css
网格(基地)https://unpkg.com/purecss@1.0.0/build/grids-min.css
网格(响应)https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css
菜单(响应)https://unpkg.com/purecss@1.0.0/build/menus-min.css
https://unpkg.com/purecss@1.0.0/build/tables-min.css

组合处理

jsDelivr是支持组合处理的CDN。 以下是包含与上述相同的CSS基础,网格和F形式的组合URL的示例。

<link rel="stylesheet" href="//cdn.jsdelivr.net/combine/npm/purecss@1.0.0/build/base-min.css,npm/purecss@1.0.0/build/grids-min.css,npm/purecss@1.0.0/build/forms-min.css">

有关其功能的更多信息, 请参阅jsDelivr组合处理程序文档

贡献于GitHub

Pure是BSD许可下的一个开源项目。我们欢迎问题,提出请求和反馈。 查看我们在GitHub上的回购。


Pure工具
Pure延伸
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }